横排列表(li)的左右对齐
效果如下：
HTML代码如下：
<div class="overdiv"> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> </ul> </div>
CSS如下：
/* @reset */
body{background-color:#FFFFFF;}
/* ==== demo ==== */
* {
margin:0;
padding:0;
}
.overdiv {
290px;
height:300px;
overflow:hidden;
background-color:#436973;
}
.overdiv ul {
list-style:none;
320px;
height:auto;
}
.overdiv li {
float:left;
80px;
height:80px;
margin-right:25px;
margin-bottom:5px;
background-color:#83B1DF;
text-align:center;
line-height:80px;
}