見出し1
テキストが入ります。
見出し2
テキストが入ります。
見出し3
テキストが入ります。
テキストが入ります。
テキストが入ります。
テキストが入ります。
<div class="content">
<div class="section">
<h2>見出し1</h2>
<p>テキストが入ります。</p>
</div>
<div class="section">
<h2>見出し2</h2>
<p>テキストが入ります。</p>
</div>
<div class="section">
<h2>見出し3</h2>
<p>テキストが入ります。</p>
</div>
</div>
.content {
max-width: 800px;
margin: 0 auto;
padding: 0 20px;
outline: 2px dashed #c00;
box-sizing: border-box;
}
.section {
padding: 20px 0;
}
.section:nth-child(2) {
background: #fcc;
}