<header>
      ヘッダー
    </header>
    <aside>
      サイドバー
    </aside>
    <div id="main">
      メインコンテンツ
    </div>
    <footer>
      フッター
    </footer>
header {
  background-color: tomato;
}

aside {
  background-color: pink;
  float: left;
  width: 20%;
}

#main {
  background-color: skyblue;
}

footer {
  background-color: limegreen;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.