alineacion vertical

[dobled]

no me funciona la alineacion con este css.

.menuint {
width:100%;
height:25px;
vertical-align:middle;
margin-top:1px;
background-color:#9E9E9E;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
}

falta algo?

dentro de este div coloco una linea de texto y se va igual al top.

[Mikmoro]

Es que la propiedad vertical-align sólo sirve para aliner ese div con respecto a otro elemento dado.
Mientras mantengas esa proporción del alto de la caja en 25px y la letra a 12px, como en tu ejemplo, yo lo resolvería marcando la altura de línea del texto, es decir añadiendo la propiedad

line-height: 24px;

a tu css.
Mikel.

[spinnal]

Bueno en primer lugar se debe mencionar que la propiedad vertical-align tiene dos usos se puede aplicar a etiquetas TD de una tabla y a elementos en linea (<span>, <img>, <b>) que se encuentre dentro de un bloque contendor.

Por ejemplo yo lo que suelo hacer y me funciona relativamente bien es lo siguiente:

Código:

.bloque
{
 height:100px;
}
.imgDummy{
 width:1px; 
 height:100px;
}

.bloque img, .bloque span {
 vertical-align:middle;
}

<div class="bloque">
   <span>Mi Texto</span>
   <img src="dummy.gif" class="imgDummy">
</div>

Creo una imagen de la misma altura que mi contenedor y para que los demas elementos dentro de este se posicionen a la mitad de la altura en relacion de la imagen dummy que tiene el mismo alto que el contenedor y si mal no recuerdo creo que tambien funciona sin la imagen.... pero no recuerdo exactamente.