如何用CSS定义标题分列?

给标题的盒子编一定义float:left
然后限定标题盒子的父级盒子的width为单独标题的盒子的width的2倍多点.它就自然变成两列显示了.
<div id="parent">
<div class="menu">标题一</div>
<div class="menu">标题二</div>
.......................
<div class="menu">标题N</div>
</div>

CSS中类似这样写
#parent{
width:320px;
height:200px;
}
.menu{
width:150px;
height:20px;
float:left;
}