多行列表 - css

by redky

HTML

<div class="box">
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>
</div>

CSS

* {
    margin: 0;
    padding: 0
}
.box {
    width: 540px;
    overflow: auto;
    margin: 0 auto;
}
ul {
    margin-left: -10px;
}
li {
    float: left;
    margin: 10px;
    margin-right: 0;
    _display: inline;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    background-color: #ffa;
    list-style: none;
}