Cómo posicionar texto debajo de una imagen correctamente

F

frs80

Gamma

• 23 Abr 2015

• #1

Tengo una imagen alineada a la izquierda pero solo ocupa la mitad de la pantalla.
Mi problema es que después añado texto me sale en la mitad libre que queda a la derecha de la imagen pero yo quiero que salga justo debajo de la imagen y que quede el espacio libre de la derecha

Me estoy volviendo loco, cómo lo hago?

 

asesor

Ni

Verificación en dos pasos activada

Verificado por Whatsapp

• 23 Abr 2015

• #2

lo principal es que la imagen y el texto esten en el mismo contenedor <div>
si indicaras la pagina se te podria orientar mejor.

saludos.

 

F

frs80

Gamma

• 23 Abr 2015

• #3

Un ejemplo de código sería:

<img style="float:left" src="imagen.jpg" width="300" height="225" >
<p>Texto 1</p>
<p>Texto 2</p>

Esto hace que la imagen esté en la izquierda y tanto Texto1 como Texto2 se quedan a la derecha de la imagen
Quiero que Texto1 se quede a la derecha pero Texto2 se quede debajo.

Esto quiero que ocurra sea el tamaño que sea de la imagen, es decir, que si pongo una imagen de 800px pase lo mismo

 

Última edición: 23 Abr 2015

S

SnakeNet

Xi

Programador

• 23 Abr 2015

• #4

[MENTION=13971]frs80[/MENTION] usa un <br /> para saltar.

 

M

markpardeo

Beta

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 23 Abr 2015

• #5

Hola. Hay varias maneras de hacer eso, una:

Insertar CODE, HTML o PHP:

<img style="float:left" src="imagen.jpg" width="300" height="225" >
<p>Texto 1</p>
<p style="clear:both">Texto 2</p>
<p>Texto 3</p>

Si quieres automatizar, te recomiendo que use selectores css3 como nth-child. Saludos