html
<body>
<hr>
<div class="container">
<div class="menu">
<dl>
<dt>機能</dt>
<dd><a href="">管理<a></dd>
<dd><a href="">管理<a></dd>
<dd><a href="">管理<a></dd>
</dl>
<dl>
<dt>機能</dt>
<dd><a href="">管理<a></dd>
<dd><a href="">管理<a></dd>
<dd><a href="">管理<a></dd>
</dl>
<dl>
<dt>パスワード変更</dt>
<dd><a href="">パスワード変更</a></dd>
</dl>
<dl>
<dt>機能</dt>
<dd><a href="">管理<a></dd>
<dd><a href="">管理<a></dd>
<dd><a href="">管理<a></dd>
</dl>
</div>
<div class="main">
<p>テキストが入ります</p>
</div>
</div>
</body>
css
.menu dt {
border-bottom:1px solid gray;
border-left:1px solid gray;
padding-left: 10px;
margin-bottom:5px;
}
.menu dd {
font-size:14px;
}
view
quite better than expected
