Core Code
Core Code Modern Dev Handbook

Sidebar Layout

Example with sidebar and main content.

Preview

Code

<div style="display:flex;">
<div style="width:200px;background:#ddd;padding:10px;">
Sidebar
</div>
<div style="flex:1;padding:10px;">
Main Content
</div>
</div>

More HTML Layout Examples (7)

example Basic Layout open example example Header Main Footer Layout open example example Two Column Layout open example example Flex Layout open example example Grid Layout open example example Card Layout open example example Simple Page Layout open example