Tema: No me centra el contenido del párrafo.
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 03/11/2011, 10:43
PabloManuel
 
Fecha de Ingreso: diciembre-2010
Mensajes: 236
Antigüedad: 14 años, 2 meses
Puntos: 6
No me centra el contenido del párrafo.
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
  1. .simbl_error{
  2.     border: 1px #808080 solid;
  3.     background: url('Images/simbl_error.gif') no-repeat left;
  4.     height: 60px;
  5.     padding: 2px;
  6.     text-align: left;
  7.     vertical-align: middle;
  8.     font-size: 1.5em;
  9.     width: 100%;
  10.     text-indent: 70px;
  11. }
  12.  
  13. <body>
  14.  
  15.  
  16.     <p class="simbl_error">Su voto ha sido tramitado.</p>
  17.  
  18.  
  19. </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?