Ver original
#Wrapper {
margin:0 auto;
position:relative;
width:800px;
}
#Textret {
float:left;
font-size:13px;
line-height:1.2em;
margin:20px 0 0 45px;
padding:0;
text-align:justify;
width:236px;
}
.textpicbike {
font-size: 12px;
font-style: italic;
margin-left:290px;
padding-top:25px;
}
.textpicbike img {
float: left;
}    
.propiedades {
clear:both;
font-size:12px;
text-align:left;
float: left;
}
 

Ver original
<div id="Wrapper">
<div id="Navbar"><!-- su contenido no varía, aunque estarían mejor los enlaces en una lista, no en span
</div>
<div id="Textret">
      <p>Tenemos sorprendentes ofertas si quieres comprar una bici. Si después de un tiempo estás aburrido de ella, te la volvemos a comprar!<br /> 
      Si has decidido comprar una de nuestras bicicletas, has tomado una buena decisión. Disfrútala durante un año y luego tráela; te daremos 100? si está en un estado decente. Esto significa que la estás pagando a mitad de precio.<br />
      También puedes salir por la puerta con una nueva MANDRIN si lo deseas.</p>
  </div>
    <div class="textpicbike">
<img src="mandrinman_files/mandrinman.jpg" alt="MANDRINLADY" />
    <p>Para aquellos hombres que prefieran la sobriedad a lo chafardero tenemos la bici perfecta. Esta bicicleta es fuerte, sólida y duradera.
        Con su caja de 3 velocidades podrás ir de un lado al otro de la ciudad, y por qué no, también llevar a la parienta. </p>
    <ul class="propiedades">
        <li>Armazón de acero</li>
        <li>Luz de dínamo frontal</li>
        <li>Sillín grande y cómodo</li>
        <li>Cubrecadena de acero pintado</li>
        <li>Guardabarro trasero. Aleación de llantas tradicional</li>
        <li>Rear one piece carrier with full stand</li>
        <li>Freno trasero contrapedal con 3 velocidades internas</li>
        </ul>
  </div>
</div> <!-- cierre de wrapper -->
 

Ver original
div#pagina {
  border: 1px solid #CCC;
  background-color: salmon;
  padding: 10px;
}
 
.derecha {border: 1px solid crimson; 
width: 100px; 
height: 140px;
  float: right;
}
 
.izquierda {border: 1px solid saddlebrown; 
width: 100px; 
height: 140px;
  float: left;
}
 
div.clear {
  clear: both;
}
 

Ver original
<div id="pagina"> 
    
    <div class="izquierda">Izquierda</div>
    
  <span style="background:aqua;">
  Y si yo escribo algo, ¿dónde se guardaría esto? Veámoslo. Lo que no se es si continuaría hasta el final o no. Para comprobarlo intentaré
  generar una línea gigante que tenga que sobrepasar el ancho razonable. Y si yo escribo algo, ¿dónde se guardaría esto? Veámoslo. Lo que no se es si continuaría hasta el final o no. Para comprobarlo intentaré
  generar una línea gigante que tenga que sobrepasar el ancho razonable. Y si yo escribo algo, ¿dónde se guardaría esto? Veámoslo. Lo que no se es si continuaría hasta el final o no. Para comprobarlo intentaré
  generar una línea gigante que tenga que sobrepasar el ancho razonable. Y si yo escribo algo, ¿dónde se guardaría esto? Veámoslo. Lo que no se es si continuaría hasta el final o no. Para comprobarlo intentaré
  generar una línea gigante que tenga que sobrepasar el ancho razonable.</span>
  
    <div class="derecha">Derecha</div>
  
  Texto anterior al clear.
  <div class="clear"></div>Texto posterior al clear.
</div>
 

Ver original
<div id="pagina"> 
    <div class="derecha">Derecha</div>
    <div class="izquierda">Izquierda</div>
    
  <span style="background:aqua;">
  Y si yo escribo algo, ¿dónde se guardaría esto? Veámoslo. Lo que no se es si continuaría hasta el final o no. Para comprobarlo intentaré
  generar una línea gigante que tenga que sobrepasar el ancho razonable. Y si yo escribo algo, ¿dónde se guardaría esto? Veámoslo. Lo que no se es si continuaría hasta el final o no. Para comprobarlo intentaré
  generar una línea gigante que tenga que sobrepasar el ancho razonable. Y si yo escribo algo, ¿dónde se guardaría esto? Veámoslo. Lo que no se es si continuaría hasta el final o no. Para comprobarlo intentaré
  generar una línea gigante que tenga que sobrepasar el ancho razonable. Y si yo escribo algo, ¿dónde se guardaría esto? Veámoslo. Lo que no se es si continuaría hasta el final o no. Para comprobarlo intentaré
  generar una línea gigante que tenga que sobrepasar el ancho razonable.</span>
  
  Texto anterior al clear.
  <div class="clear"></div>Texto posterior al clear.
</div>
 

Ver original
div#pagina {
  border: 1px solid #CCC;
  background-color: salmon;
  padding: 10px;
}
 
.derecha {border: 1px solid crimson; 
width: 100px; 
height: 140px;
  float: right;
}
 
.izquierda {border: 1px solid saddlebrown; 
width: 100px; 
height: 140px;
  float: left;
}
 
.centro {background:aqua;
        width:600px;
        margin-left: 110px;} 
 
div.clear {
  clear: both;
}
 

Ver original
<div id="pagina"> 
 
    <div class="izquierda">Izquierda</div>
 
    <p class="centro">
  Y si yo escribo algo, ¿dónde se guardaría esto? Veámoslo. Lo que no se es si continuaría hasta el final o no. Para comprobarlo intentaré
  generar una línea gigante que tenga que sobrepasar el ancho razonable. Y si yo escribo algo, ¿dónde se guardaría esto? Veámoslo. Lo que no se es si continuaría hasta el final o no. Para comprobarlo intentaré
  generar una línea gigante que tenga que sobrepasar el ancho razonable. Y si yo escribo algo, ¿dónde se guardaría esto? Veámoslo. Lo que no se es si continuaría hasta el final o no. Para comprobarlo intentaré
  generar una línea gigante que tenga que sobrepasar el ancho razonable. Y si yo escribo algo, ¿dónde se guardaría esto? Veámoslo. Lo que no se es si continuaría hasta el final o no. Para comprobarlo intentaré
  generar una línea gigante que tenga que sobrepasar el ancho razonable.</p>
  
        <div class="derecha">Derecha</div>
  
  Texto anterior al clear.
  <div class="clear"></div>Texto posterior al clear.
</div>