/* --- ボックス --- */
.section {
width: 298px; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #c0c0c0 solid; /* ボックスの枠線 */
font-size: 80%; /* ボックスの文字サイズ */
}

/* --- 見出し --- */
.section h2 {
margin: 0; /* 見出しのマージン */
padding: 5px 10px; /* 見出しのパディング（上下、左右） */
background-color: #f5f5f5; /* 見出しの背景色 */
border-bottom: 1px #c0c0c0 dotted; /* 見出しの下枠線 */
font-size: 100%; /* 見出しの文字サイズ */
}

/* --- 本文領域 --- */
.section .textArea {
height: 120px; /* 本文領域の高さ */
overflow: auto;
}

/* --- 本文領域内の段落 --- */
.section .textArea p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}

<div class="section">

<h2>見出し</h2>

<div class="textArea">

<p>【ボックス】</p>
<p>ボックスの内容</p>
<p>ボックスの内容</p>
<p>ボックスの内容</p>
<p>ボックスの内容</p>
<p>ボックスの内容</p>
<p>ボックスの内容</p>
<p>ボックスの内容</p>

</div>

</div>