Inline-Block

by mischah

HTML

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

CSS

li {
    display: inline;
    
}

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