As I try to avoid using HTML tables whenever possible, I've turned to CSS tables instead. But now I'm wondering if there's an equivalent of colspan in CSS tables.
This is the CSS code I currently have:
#fleetTable{display: table;width: 360px;margin: 0 auto;margin-top: 20px;font-size:.875em;float:left;}
.fleetRow{display: table-row;}
.fleetCell{display: table-cell;}
And here's the corresponding HTML:
<div id="fleetTable">
<div class="fleetRow textright">
<div class="fleetCell">Headline</div> <!-- I want this to span both columns below and be centered -->
</div>
<div class="fleetRow textright">
<div class="fleetCel;">Cell1</div>
<div class="fleetCell">Cell2</div>
</div>
</div>
Which selector should I use to achieve this effect?