La pregunta es sencilla:
Estoy haciendo una barra de enlaces:
<div class="barra_enlace">
<a href="link1">link1</a>
<a href="link2">link2</a>
<a href="link3">link3</a>
</div>
y en la hoja de estilo:
.barra_enlace a {width: 20px;}
De esta forma quiero que todos los enlaces tengan un ancho fijo. No funciona.
Supongo que es porque una etiqueta <a></a> no se comporta como un bloque, a lo que redefino:
.barra_enlace a { width: 20px; display: block;}
Ahora si me hace los enlaces con ancho fijo de 20px; pero no los pone uno al lado de otro, si no que los pone uno abajo del otro. Entonces redefino:
.barra_enlace a {width: 20px; display: block; float: left;}
Funciona, pero luego todo lo que esta debajo de mi
<div class="barra_enlace"></div> me queda flotando.
Busco una solucion sencilla a este problema:
Cita: Darle un ancho fijo a un enlace. Como se puede hacer ?
Gracias. Debo estudiar mas ...