<header>
  <div>Content</div>
</header>
<main>
  <div>Content</div>
  <div>Content</div>
  <div>Content</div>
</main>
<footer>
    <div>Content</div>
</footer>
div { padding: 1rem; }

header div { background: red; color: white;}
main div { background: white; color: black;}
footer div { background: green; color: white;}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.