li可以显示多列

<style>

#chaptertree li{
 float:left;
 width:40%;
 margin:1px;
 padding:0;
 }

</style>

<div id="chaptertree">
        <li><a > 六种不同风格的时间</a></li>
        <li><a  > 带颜色的滚动条</a></li>
        <li><a  > 视频播放代码大全</a></li>
        <li><a  > JMAIL格式</a></li>
</div>

 以上CSS中，真正起作用的是红色部分float:left; width:40%;。则可轻松实现多列