リスト段組みCSSとHTML

HTMLとCSSを勉強中で、いろいろと苦労することが多いのですよ。

最近、やっと悩みが解決したのは、リストの段組みです。
リストを横に並べる、例のやつです。

その解決ソース例を掲載してみました。

結構、あっさりと解決しました。

いきなり、ソースをさらしてしまいますね。

<div class="lista">
<ul>
<li>ほげほげ</li>
<li>はらはら</li>
<li>どもども</li>
</ul>
</div>
<ul>
<li>みぎみぎ</li>
<li>れつれつ</li>
<li>がわがわ</li>
</ul>

div.lista
{
width:50%;
float:left;
clear:left;
}

以上です。

で、実際にご覧ください。

リスト段組み表示例