en realidad no hay ninguna forma unica o estricta a la que tengas que hacer, puedes hacer como mejor te paresca pero en realidad la manera que te dicen te va ayudar mucho ademas es mucho mas sencillo implementerla
<ul id="navegacion">
<li><a href="#">Enlace I</a></li>
<li><a href="#">Enlace II</a></li>
<li><a href="#">Enlace III</a></li>
<li><a href="#">Enlace IV</a></li>
</ul>
CSS
ul {
list-style:none; /* Esto les quita los bullets no se en espanol como se llama */
}
ul li {
display:inline;
}
ul li a {
display:block; /* lo converit en bloque para dar anchos y alto */
width:100px;
height:100px;
float:left; /* Lo flotamos a la izquierda */
background:url(images/logo.png) no-repeat; /* Un fondo por ejemplo el icono*/
margin:0px 3px; /* Puedes dar margen*/
}
el ul lo puedes posicionar donde sea dando margin-left o si esta dentro de un div con position :absolute