Core Code
Core Code Modern Dev Handbook

Two Column Layout

Example creating two columns using div elements.

Preview

Code

<div style="display:flex;">
<div style="flex:1;padding:10px;background:#f0f0f0;">
Left Column
</div>
<div style="flex:1;padding:10px;background:#e0e0e0;">
Right Column
</div>
</div>

More HTML Div Examples (7)

example Basic Div Example open example example Div Container open example example Centered Box open example example Card Example open example example Background Section open example example Flex Layout open example example Simple Page Layout open example