Foros del Web - Ver Mensaje Individual

Sabin · #1 (**permalink**) 18/12/2011, 14:11

Buenas, soy todo un novato del html y css entre tantas otras cosas, por lo que quizas y espero esto para muchos sea muy sencillo y asi poder lograrlo.

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>

Eso, muchas gracias :D