Make CSS behave like a HTML table

#container {
display: table;
}

#row {
display: table-row;
}

#left, #right, #middle {
display: table-cell;
}

<div id="container">
<div id="row">

<div id="left">
<h4>Left Col</h4>
<p>...</p>
</div>

<div id="middle">
<h4>Middle Col</h4>
<p>...</p>
</div>

<div id="right">
<h4>Right Col</h4>
<p>...</p>
</div>

</div>
</div>

Source: https://snook.ca/archives/html_and_css/getting_your_di/

Back to Top