Horizontal 1:
-
display:block - Displaying the links as block elements makes the whole link area clickable (not just the text), and it allows you to specify the width
-
width:60px - Since block elements take up the full width available, they cannot float next to each other. We specify the width of the links to 60px
To see more sophisticated css navigation, visit the Listamatic website for more examples of how to create css navigation using lists.