Gleiche Ebene divs

Question

Ich benutze Blueprint CSS-Framework, um meine Website zu stylen. Ich habe diesen Code:

<div class="span-10"> 
     <div class="span-5"> 
      <img alt="" src="system/images/picabu1.png" /> 
     </div> 
     <div class="span-5 last"> 
      Lorem ipsum sup dolor itaseum.. <br /> 
      <img alt="" src="system/images/addtobasket.jpg" /> 
     </div> 
</div> 

Wenn es eine Menge Text auf div span-5 last Bild (addtobasket.jpg) ist absteigt.
Wie kann ich Bilder mit gleichem Level (picabu1.png und addtobasket.jpg) erstellen?

Answer 1

Ich denke nur

<div class="span-10"> 
     <!-- text elements first --> 
     <div class="span-5"> 
     </div> 
     <div class="span-5 last"> 
      Lorem ipsum sup dolor itaseum.. <br /> 
     </div> 
     <!-- images elements follow --> 
     <div class="span-5"> 
      <img alt="" src="system/images/picabu1.png" /> 
     </div> 
     <div class="span-5 last"> 
      <img alt="" src="system/images/addtobasket.jpg" /> 
     </div> 
</div> 

dies erreichen wird.

Beispiel: http://jsfiddle.net/xSmmA/