<style type="text/css">
div#dispT {
display:table;
border:1px solid #ccc;
border-collapse:collapse;
}
div#dispT div.tcap {
display:caption;
}
div#dispT div.colgroup {
display:table-column-group;
}
div#dispT div.colgroup div {
display:table-column;
}
div#dispT div.thead {
display:table-header-group;
}
div#dispT div.tfoot {
display:table-footer-group;
}
div#dispT div.tbody {
display:tabke-row;
}
div#dispT div.thead ul,
div#dispT div.tbody ul,
div#dispT div.tfoot ul {
display:table-row-group;
}
div#dispT div.thead li,
div#dispT div.tbody li,
div#dispT div.tfoot li {
display:table-cell;
border:1px solid #ccc;
width:100px;
}
</style>
<div id="dispT">
<div class="tcap">≪表題≫</div>
<div class="colgroup">
<div span="1"></div><!-- 見出し -->
<div span="3"></div><!-- データ -->
</div>
<div class="thead">
<ul>
<li>ヘッダ</li>
<li>A列</li>
<li>B列</li>
<li>C列</li>
</ul>
</div>
<div class="tfoot">
<ul>
<li>フッタ</li>
<li>A列</li>
<li>B列</li>
<li>C列</li>
</ul>
</div>
<div class="tbody">
<ul>
<li>行1</li>
<li>item A-1</li>
<li>item B-1</li>
<li>item C-1</li>
</ul>
<ul>
<li>行2</li>
<li>item A-2</li>
<li>item B-2</li>
<li>item C-2</li>
</ul>
</div>
</div>