No me centra el contenido del párrafo.

PabloManuel · #1 (**permalink**) 03/11/2011, 10:43

Es un error que me pasa a menudo y no sé por qué.

Estoy creando una función que genera un párrafo de información tipo: error, advertencia y OK.

Este es el código:

Código HTML:

Ver original.simbl_error{
    border: 1px #808080 solid;
    background: url('Images/simbl_error.gif') no-repeat left;
    height: 60px;
    padding: 2px;
    text-align: left;
    vertical-align: middle;
    font-size: 1.5em;
    width: 100%;
    text-indent: 70px;
}
 
<body>
 
 
    <p class="simbl_error">Su voto ha sido tramitado.</p>
 
 
</body>

La frase Su voto ha sido tramitado sale con su sangría pero pegada arriba, en vez de en el centro vertical tal como indica vertical-align

Ya me ha ocurrido antes y para solucionarlo, si al lado del texto tengo una <img> y a esta imagen le pongo el centrado vertical en el medio entonces si me centra todo el contenido del párrafo ¿Por qué ocurre esto?

DANIELRIV · #2 (**permalink**) 03/11/2011, 13:01

che cate [URL="http://www.forosdelweb.com/f53/vertical-align-middle-407224/"]http://www.forosdelweb.com/f53/vertical-align-middle-407224/[/URL] este link ay encotraras tu respuesta XD