<!DOCTYPE html>
<html lang="en-US">
<body>
<h1>CSS display: inline-table;</h1>
<p>This is paragraph. <span>This is span inside paragraph.</span></p>
<div style="display: inline-table;">
<div style="display: table-row;">
<div style="display: table-cell;">
Joe Root
</div>
<div style="display: table-cell;">
30
</div>
</div>
<div style="display: table-row;">
<div style="display: table-cell;">
David warner
</div>
<div style="display: table-cell;">
35
</div>
</div>
</div>
<div style="display: inline-table;">
<div style="display: table-row;">
<div style="display: table-cell;">
James
</div>
<div style="display: table-cell;">
37
</div>
</div>
<div style="display: table-row;">
<div style="display: table-cell;">
Andrew
</div>
<div style="display: table-cell;">
40
</div>
</div>
</div>
<p><strong>Note</strong>: Two tables are displayed inline.</p> </body>
</html>