css学习笔记（5）

<style>
*{margin:0; padding:0;}
ul{ list-style:none;}
li{ height:30px; width:100px; background:#FF00FF;}
.col2{ margin-left:100px;}
.col3{ margin-left:200px;}
.top{ margin-top:-60px;}
</style>

该样式实现LI的横向排列

<ul>
<li>aaa</li>
<li>aaa</li>
<li class="col2 top">bbb</li>
<li class="col2">bbb</li>
<li class="col3 top">ccc</li>
<li class="col3">ccc</li>
</ul>