Hola, estoy intentando alinear una imagen con pie de texto a la derecha pero no me funciona. Sí lo hace en cambio a la izquierda y centro. Adjunto código (Se trata de un epub) utilizado. ¿Alguien podría explicarme el error?
/*Alineacion de imágenes c/pie de foto abajo*/
p.imgder{
display:table;
float: right; /*para ponerlo a la derecha */
clear:both;/*evita que se superpongan imagenes o textos al lado */
margin-top:2em; /* un margen cualquiera */
margin-bottom:2em;
text-indent: 0px;
line-height:1em;
border:1px solid
}
p.imgizq{
display:table;
float:left; /*para ponerlo a la izquierda */
clear:both;/*evita que se superpongan imagenes o textos al lado */
margin-top :2em; /* un margen cualquiera */
margin-bottom:2em;
text-indent: 0px;
line-height:1em;
border:1px solid
}
p.imgcent{
display:table;
margin: 2em auto; /* centrar imagen */
clear:both;/*evita que se superpongan imagenes o textos al lado */
text-indent: 0px;
line-height:1em;
border:1px solid
}
p.imgizq span{
text-align:center;
font-weight:bold;
font-size: 0.8em;
display:table-caption;
caption-side: bottom;
text-indent: 0px;
}
p.imgder span{
text-align:center;
font-weight:bold;
font-size: 0.8em;
display:table-caption;
caption-side: bottom;
text-indent: 0px;
}
p.imgcent span{
text-align:center;
font-weight:bold;
font-size: 0.8em;
display:table-caption;
caption-side: bottom;
text-indent: 0px;
}
/* codigo pie de fota abajo*/
<p class="imgizq">
<img src="....jpg" />
<span> Descripcion de la imagen </span>
</p>