Ver Mensaje Individual
  #2 (permalink)  
Antiguo 05/03/2010, 07:25
AlbertoGarcia
 
Fecha de Ingreso: mayo-2009
Ubicación: Fuerteventura
Mensajes: 324
Antigüedad: 15 años
Puntos: 19
Respuesta: Problema con texto e imágenes

Mira si te sirve así:

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.     <head>
  5.         <meta http-equiv="Content-Type" content= "text/html; charset=utf-8" />
  6.         <title>titulo</title>
  7.         <style type="text/css">
  8.         <!--
  9.         .articulo {
  10.             width: 600px;
  11.             margin: 1em auto;
  12.         }
  13.        
  14. /*El siguiente bloque es para simular el espacio de las imágenes, no es necesario con imágenes reales*/
  15.         .articulo img {
  16.             width: 140px;
  17.             height: 200px;
  18.             background-color: #ccc;
  19.             display: block;
  20.         }
  21.        
  22.         .articulo p {margin: 0 160px;}
  23.         .izquierda {float: left;}
  24.         .derecha {float: right;}
  25.         -->
  26.         </style>
  27.     </head>
  28.     <body>
  29.         <div class="articulo">
  30.             <img class="izquierda" alt="" src="imagen.jpg" />
  31.             <img class="derecha" alt="" src="imagen.jpg" />
  32.            
  33.             <p>In tincidunt ultricies mi. Praesent vestibulum
  34.             risus non urna commodo sit amet viverra urna pretium.
  35.             Donec massa ipsum, mollis eu accumsan feugiat, porttitor
  36.             ut purus. Suspendisse at eros eget odio dapibus mattis.
  37.             Pellentesque habitant morbi tristique senectus et netus
  38.             et malesuada fames ac turpis egestas. Donec eu sapien ipsum.
  39.             Donec sed nulla et felis tempor lacinia. Suspendisse et neque
  40.             non metus euismod porta. Quisque at quam ipsum. Sed vulputate,
  41.             tortor ultrices vehicula posuere, risus felis mollis augue,
  42.             quis malesuada enim orci ut justo. Etiam quis lobortis erat.
  43.             Donec id lectus a leo pharetra mollis id viverra felis.
  44.             Morbi egestas porta dui, a hendrerit elit vestibulum nec.</p>
  45.         </div>
  46.     </body>
  47. </html>

Salud!