Buenas de nuevo, tengo un pequeño problema que no se como solucionar. Dado el siguiente codigo css:
Código:
//imagenes centradas
.titulo_imagen {
text-align:center;
}
.capitulo > .bloque{
text-indent: 1.5em;
text-align:justify;
margin-right:20px;
margin-left:20px;
}
Os explico, basicamente lo que quiero hacer es centrar las imagenes con etiqueta .titulo_imagen y por otro lado los bloques de texto de los capitulos de mi libro justificarlos.
El problema es que tengo 2 text-align y prevalece el de .capitulo > .bloque, se sopone que con la etiqueta !important en titulo_imagen deberia aplicar esa regla a todo lo que sea titulo imagen pero no es asi.
Las apariciones de imagenes son de la sigiuente manera en el xhtml
Código HTML:
<h4 class="bloque titulo_imagen titulo" id="capitulo_2_titulo_imagen_2">
<img id="capitulo_2_titulo_imagen_2_bloque_1" src="recursos/rec_143.jpg">
</h4> Con lo que solo se me ocurre para referenciar las imagenes y centrarlas la forma en la que lo puse arriba en el css. Visto lo visto necesito cambiar la regla css que me permite centrar esas imagenes o hacer que la que tengo escrita, que funciona en cuanto quito el conflicto con el otro text-align prevalezca sobre la anterior.
Si alguien está mas ducho que yo en estos temas, que no es dificil, se agradecería una mano, aunque fuese al cuello.