first, think to have this simple table:
<!DOCTYPE HTML>
<html>
<head>
<title>Table with DIV and CSS</title>
<style type="text/css">
/*<![CDATA[*/
#table { display: table; }
.row { display: table-row; }
.cell { display: table-cell; padding: 0.5em; border: 1px solid; }
/*]]>*/
</style>
</head>
<body>
<div id="table">
<div class="row">
<div class="cell">table with DIV and CSS</div>
</div>
<div class="row">
<div class="cell">1</div><div class="cell">2</div><div class="cell">3</div>
</div>
<div class="row">
<div class="cell">4</div><div class="cell">5</div><div class="cell">6</div>
</div>
<div class="row">
<div class="cell">7</div><div class="cell">8</div><div class="cell">9</div>
</div>
</div>
</body>
</html>
as you can see, the string "table with DIV and CSS" appears only in the first left column of the table! i want it works like as follow:
<tr><td colspan="3">table with DIV and CSS</td></tr>
but it seems impossible to simulate a COLSPAN with CSS...some idea???