<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;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.