Core Code
Core Code Modern Dev Handbook

Basic Layout

Example showing a simple layout structure.

Preview

Code

<div style="border:1px solid #ccc;padding:10px;">
Header
</div>

<div style="border:1px solid #ccc;padding:10px;margin-top:5px;">
Content
</div>

<div style="border:1px solid #ccc;padding:10px;margin-top:5px;">
Footer
</div>

More HTML Layout Examples (7)

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