Table dasher... uses HTML5 a little http://www.eobcards.com/tablet.htm for arrangement

Tables01.css

<!--- Above/Before ]]></b:skin> Blogger Template table styles-->

table.bigE {
    border-collapse: initial; 
    border-color: #eee; 
    border-style: dashed; 
    padding: 1px; 
    table-layout: fixed; 
    width: 100%;
    background-color: #ffffff;
}

table.bigD {
    border-collapse: collapse; 
    border-color: #eee; 
    border-style: dashed; 
    padding: 1px; 
    table-layout: fixed; 
    width: 100%;
    background-color: #ffffff;
}


<!--- Above/Before ]]></b:skin> Blogger Template td styles -->

td.bigDa {
    border-color: #eee; 
    border-style: dashed; 
    text-align: center;
    
    <!--- Use vertical-align: text-top; if you want top of box for text -->
}

<!--- Above/Before ]]></b:skin> Blogger Template td styles if you use images in cell tables -->

td.bigDa img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    
    <!--- Give images your own hieght, width or use default(no width, height) in Blogger Posts... -->
    height: auto;
    width: 100%;
}



<!--- Example 4 Table Double Around Dasher in Blog Post-BigE or BigD -->

<center>
<table class="bigE" cellpadding="5" cellspacing="5" cols="2">

<tbody>
<tr><td class="bigDa">

one

</td>

<td class="bigDa">

two

</td></tr>
<tr><td class="bigDa">

three

</td>


<td class="bigDa">

four

</td></tr>
</tbody></table></center>


<!--- If Needed... Caption FIX or Go Around give caption table a width: 10px; paramater so it doesn't resize image from text-->

<td class="tr-caption" style="text-align: center; width: 10px;">

<!--- Use Compose mode and enter button on captions to equal box -->


<!--- Make sure images are auto margined in table not 1em example hrefs around it-->