Anton Andreasson's Big Boxes

Author: Anton Andreasson

Comment: Changing the width of the list items results in different forms of grids. Note that IE5 for Mac may produce some strange padding-right-like effects.

Browser support chart

#navlist { margin: 0; }

#navlist li
{
float: left;
width: 50%;
list-style-type: none;
text-align: center;
}

#navlist li a
{
display: block;
padding: 2em;
background-color: #ccc;
color: #333;
font: normal bold 36px/40px Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
}

#navlist li a:hover
{
background-color: #666;
color: #fff;
}


ABOUT THE CODE
Some lists within the Listamatic site had to be modified so that they could work on Listamatic's simple list model. When in doubt, use the external resource first, or at least compare both models to see which one suits your needs.