Core Code
Core Code Modern Dev Handbook

Simple Page Layout

Example creating a simple page layout using divs.

Preview

Code

<div style="border:1px solid #ccc;">
<div style="background:#eee;padding:10px;">Header</div>
<div style="padding:10px;">Main Content</div>
<div style="background:#eee;padding:10px;">Footer</div>
</div>

More HTML Div Examples (7)

example Basic Div Example open example example Div Container open example example Two Column Layout open example example Centered Box open example example Card Example open example example Background Section open example example Flex Layout open example