html5 Table Classes

main.css

table.dota {
    word-wrap: break-word; 
    border-color: #eeeeee;
    border-style: dashed; 
    padding: 1px; 
    table-layout: fixed;
    border-collapse: collapse;              // or seperate (dota2) (th on dota2, though)
    border-spacing: 0;
    width: 100%;
    display: table;
    table-layout: fixed;
}
td.dota {
    border-color: #eeeeee;
    border-style: dashed; 
    text-align: center;
    vertical-align: top;
    border-top: dashed;
    border-top-color: #eeeeee;
 }
 td.dota img {                              // increases fancybox speed on theme (some reason) keep img blank for class spec (side note) see bottom https://gist.github.com/manbearwolf/cb0d88d8c44d2f4293b79da179f749f5
    // display: block;
    // margin-left: auto;
    // margin-right: auto;
    height: auto;
    width: 100%;
}

table html file.html

<table bgcolor="white" cellpadding="8" cellspacing="5" cols="3" class="dota">  

<thead>
<tr>  
<th style="text-align: left;">Modern Plant Stands</th>  
<th></th>  
<th></th> 
</tr>
</thead> 

<tbody>
<tr> 

<td class="dota">

<a href="https://1.bp.blogspot.com/-hN5RAUFmiMM/WWJRhf5KykI/AAAAAAABQCI/QE4SiKdg9fQvDFto1ak3OYDJqe5TckD5wCLcBGAs/s1600/6a4f2487359c1255eab3f3c13f6ee94d.jpg">
<img src="https://1.bp.blogspot.com/-hN5RAUFmiMM/WWJRhf5KykI/AAAAAAABQCI/QE4SiKdg9fQvDFto1ak3OYDJqe5TckD5wCLcBGAs/s200/6a4f2487359c1255eab3f3c13f6ee94d.jpg" /></a>  
</td> 

div.dota {
background-color: white;
border-color: #eee;
border-style: dashed;
padding: 10px;
word-wrap: break-word; // Stupid Quora embeded
}

div and table style design... (Simple dots) (boxes)