Core Code
Core Code Modern Dev Handbook

CSS Display Table

Display table can simulate table layouts using CSS.

Preview

Code

<style>
.container{
display:table;
}

.row{
display:table-row;
}

.cell{
display:table-cell;
padding:10px;
border:1px solid #e5e7eb;
}
</style>

<div class="container">
<div class="row">
<div class="cell">A</div>
<div class="cell">B</div>
</div>
</div>

More CSS Display Examples (8)

example CSS Display Block open example example CSS Display Inline open example example CSS Display Inline Block open example example CSS Display None open example example CSS Display Flex open example example CSS Display Grid open example example CSS Display List Item open example example CSS Display vs Visibility open example