Resulta que pretendo colocar dentro de un contenedor una imagen de tamaño reducido junto a un texto, pero como pasa en la mayoria de los editores de texto al colocar una imagen la parte con el texto comienza por debajo de esta, cuando lo que realmente quiero es que el texto comience a un costado de la imagen y al superar su largo ahi si continue por debajo.
Poniendolo en imagenes tengo esto:
Y pretendo lograr esto:
Y este es el codigo que llevo hasta el momento:
Código HTML:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Alinear imagen y texto</title> <style type="text/css"> #contenedor{ width:300px; height:200px; border:2px solid #000; } </style> </head> <body> <div id="contenedor"> <img src="imagen.jpg." width="100" height="100" alt="imagen" border="0"> Como puedo hacer para que esto quede a la derecha de la imagen y al sobrepasar su largo siga por debajo.? </div> </body> </html>
