Esto está destinado a un menú.
Por ejemplo, tengo un elemento div con 3 intervalos en él, todos los cuales tienen algún margen, ancho máximo y flotante (izquierda o derecha).
Se coloca comenzando desde el lado izquierdo y dice así:
[[span1][span2][span3] - lots of free space here].
Quiero emparejarlo así:
[[span1] - space - [span2] - space - [span3]]
¿Cómo puedo hacer esto usando CSS? Dudo un poco que no sea posible.
Tenga en cuenta que quiero que mantenga el mismo estilo cuando agregue o elimine un elemento del menú.
HTML:
<div id="menu">
<span class="menuitem"></span>
<span class="menuitem"></span>
<span class="menuitem"></span>
</div>
CSS:
#menu {
...
width:800px;
}
.menuitem {
display:block;
float:left;
margin-left:25px;
position:relative;
min-height:35px;
max-width:125px;
padding-bottom:10px;
text-align:center;
}
<span>
no es un elemento de bloque, no debería aceptarwidth
propiedad