<div class="sample"> <ol> <li>ノート風罫線のサンプルです。</li> <li>罫線の高さを変える場合、line-heightの高さを画像の高さの半分にしてください。デフォルトの画像の高さは40pxです。改行はボックスの幅にあわせて自動で改行します。 <br />でも改行します。</li> </ol> </div> .sample { background: url(./line.gif) repeat left top; font-size: 1.2em; line-height: 20px; padding: 0 5px 0 35px; }