Entrada Wordpress, problema de posición de texto con imagen.

[baztianbeck01]

Hola Estimados,

Tengo un problema de alineación de texto con imágenes en mis Entradas de Wordpress que quisiera solucionar antes de ponerme a generar más de ellas.

La cuestión es así, espero que sea de fácil solución, resulta que en mi web de películas tengo un primer apartado de Póster/Ficha y más abajo está el de Sinópsis, ahora, como pueden ver en la imagen, el texto perteneciente a Sinópsis se va para arriba y se entremezcla en el primer apartado. Observen la imagen:



Acá se puede ver directamente, entrando en mi web: http://www.hispamovies.com/?p=675

Este es el código de parte de la Entrada Wordpress:

Y COMO PODRAN VER, DIFIERE CON LO QUE MUESTRA LA IMAGEN. SEGUN EL CODIGO, LAS SECCIONES ESTAN BIEN SEPARADAS!!

<img class="alignleft" src="http://www.hispamovies.com/Imagenes/Otros/Barra_Poster-Ficha.png" alt="" width="560" height="53" />

<div>
<div>
<div>
<div><img class="alignleft" style="border: 1px solid #dc482e; margin-top: 2px; margin-bottom: 2px;" src="http://www.hispamovies.com/Imagenes/Entradas/Posters/El.caso.Bourne.2002.Castellano_s.jpg" alt="" width="139" height="207" /></div>
</div>
<div style="text-align: left;"><strong><span style="color: #dc482e;">TÍTULO ORIGINAL: </span></strong>The Bourne Identity.
<strong><span style="color: #dc482e;">AÑO: </span></strong>2002.
<strong><span style="color: #dc482e;">DURACIÓN: </span></strong>113 min.
<strong><span style="color: #dc482e;">PAÍS: </span></strong>Estados Unidos.
<strong><span style="color: #dc482e;">DIRECTOR: </span></strong>Doug Liman.
<strong><span style="color: #dc482e;">GUIÓN: </span> </strong>Tony Gilroy, William Blake Herron (Novela: Robert Ludlum).
<strong><span style="color: #dc482e;">MÚSICA: </span></strong>John Powell.
<strong><span style="color: #dc482e;">FOTOGRAFÍA: </span></strong>Oliver Wood.
<strong><span style="color: #dc482e;">REPARTO: </span></strong>Matt Damon, Franka Potente, Clive Owen, Chris Cooper, Brian Cox, Adewale Akinnuoye-Agbaje, Walton Goggins, Julia Stiles.
<strong><span style="color: #dc482e;">PRODUCTORA: </span></strong>Universal Pictures.</div>
</div>
</div>

<p><img class="alignleft" src="http://www.hispamovies.com/Imagenes/Otros/Barra_Sinopsis.png" alt="" width="560" height="53" />
<div style="text-align: justify;" align="center">Un hombre amnésico es rescatado por la tripulación de un barco pesquero italiano cuando flota a la deriva en el mar. No lleva nada consigo. Sólo las balas que lleva clavadas en la espalda y un número de cuenta de un banco suizo que lleva adherido a la cadera. Carece de identidad y de pasado, pero posee unas serie de talentos extraordinarios en artes lingüísticas, marciales y de autodefensa que sugieren una profesión de riesgo. Confuso y desorientado, emprende una frenética búsqueda para descubrir quién es y por qué su vida ha tomado un giro tan peligroso.</div></p>

¿Sugerencias?

Gracias!!

[ArturoGallegos]

a simple vista los elementos parecen estar flotados, lo que explicaría porque se sube...

intenta limpiar los float, ya sea con un micro clearfix, clear u overflow.

[marcofbb]

Como dijo el usuario de arriba, para solucionarlo de forma rapida usas clear:both;

Código HTML:

<div style="text-align: justify;clear: both;" align="center">Un hombre amnésico es rescatado por la tripulación de un barco pesquero italiano cuando flota a la deriva en el mar. No lleva nada consigo. Sólo las balas que lleva clavadas en la espalda y un número de cuenta de un banco suizo que lleva adherido a la cadera. Carece de identidad y de pasado, pero posee unas serie de talentos extraordinarios en artes lingüísticas, marciales y de autodefensa que sugieren una profesión de riesgo. Confuso y desorientado, emprende una frenética búsqueda para descubrir quién es y por qué su vida ha tomado un giro tan peligroso.</div>
 

[baztianbeck01]

Maestros !!!