body { margin: 50px 50px; 
color: #003366;
background-color: #9b9bff;
font: normal normal bold 10pt/1.2 "ＭＳ Ｐ明朝"; 
}

h1 { text-align: right; }
h2 { text-align: left;
font-size: 10pt;
margin: 10px; }

h3 { text-align: left;
font-size: 10pt;
margin: 4px;
}

p { text-align: right;
}

div { text-align: left;
width: 250px;
height: 100px;
overflow: auto; 
border-width: 2px;
border-style: inset;
padding: 10px;
scrollbar-base-color: #036;
scrollbar-3dlight-color: #9b9bff;
scrollbar-highlight-color: #8484ff;
}

<div><h2>&lt;今月の更新予定&gt;</h2>
<h3>ホームページを作ろうヨ!!</h3>
<ul>
<li>配置に関する設定</li>
<li>テーブルに関する設定</li>
</ul>
<h3>Sweets! Sweets!「いちごづくし」</h3>
<ul>
<li>イチゴのショートケーキ</li>
<li>イチゴのタルト</li>
<li>イチゴのヴァシュラン</li>
</ul>
<p>お楽しみに!!</p>
</div>