Floats

by mischah

HTML

<ul>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
</ul>

CSS

ul { overflow: hidden; }

li {
    float: left;
    margin-right: 20px;
}

a {
    background: red;
    color: white;
    display: block; 
    font:20px/200px "Lucida Grande",sans-serif;
    height: 200px;
    line-height: 200px;
    text-align: center;
    text-decoration: none;
    width: 200px;
}