【ボックス】
ボックスの内容
ボックスの内容
ボックスの内容
ボックスの内容
ボックスの内容
ボックスの内容
ボックスの内容
/* --- ボックス --- */ .section { width: 298px; /* ボックスの幅 */ height: 120px; /* ボックスの高さ */ overflow: auto; background-color: #ffffff; /* ボックスの背景色 */ border: 1px #c0c0c0 dotted; /* ボックスの枠線 */ font-size: 80%; /* 文字サイズ */ color: #000000; /* 文字色 */ } /* --- ボックス内の段落 --- */ .section p { margin: 1em 10px; /* 段落のマージン(上下、左右) */ }
<div class="section">
<p>【ボックス】</p>
<p>ボックスの内容</p>
<p>ボックスの内容</p>
<p>ボックスの内容</p>
<p>ボックスの内容</p>
<p>ボックスの内容</p>
<p>ボックスの内容</p>
<p>ボックスの内容</p>
</div>