pq no funciona el float?

[etanol]

Hola, ante todo gracias por responder el mensaje.

Os cuento. Me convence la forma de hacerlo en listas pero tengo un problema

- Respecto al diseño que propone kseso?
El código adaptado es el siguiente

CSS

Código css:

#menupaginacion {margin: 0 auto;width: 700px;height: 25px;text-align: center;}ul {list-style-type: none;border: solid 1px #444;}
li {padding: 0 15px;display: inline;text-align: center;}
a {line-height: 25px;}
 

HTML

Código html:

<div id="menupaginacion">
<ul>
<li><a class="paginacion" href="2.htm">2</a> - </li>
<li><a class="paginacion" href="3.htm">3</a> - </li>
<li><a class="paginacion" href="4.htm">4</a></li>
</ul>
</div>
 

...y el resultado:



- Respecto al diseño de willyfc
el código adaptado es:
CSS

Código css:

#paginador ul{list-style:none;}
#paginador ul li{ float:left;text-align:center; padding:5px;font-size:12px;border:solid 2px;}
#paginador a{ font-size:12px; color:#FFF;background:#B35A5E;padding:px;text-decoration:none;border: solid 2px;border-top-color: #B35A5E;border-bottomcolor: #4D2628;border-left-color: #B35A5E;border-right-color: #4D2628; display:block;float:left; }
#paginador a:hover{text-decoration: none; background: #E4BC83;border-top-color: #8E2800;border-bottom-color:#FFB966;border-left-color: #8E2800;border-right-color: #FFB966; display:block; float:left;}
 

HTML

Código html:

<div id="paginador">
<ul>
<li>P&aacute;ginas: 1</li>
<li><a href="#">1</a></li>
<li>  </li>
<li><a href="#">2</a></li>
<li> - </li>
<li><a href="#">3</a></li>
<li> - </li>
</ul>
</div>
 

...y el resultado: (le he añadido un border:solid 2px para saber por qué no centraba verticalmente


Por tanto me convence mas el de willyfc, pero cómo lo hago para que me centre vertical?

Muchas gracias