Absolute positioning

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 { position: relative; }

li {
    position: absolute;
    left: 220px;
    top: 0;
}

li:first-child {left: 0; }
li:last-child {left: 440px; }


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;
}