對齊文本，股利和其他2周的div水平

Question

我有：

<div id="outerDiv" style="margin: 20px;"> 
         <div id="innerDiv" style="float: left;"> 
          <span>10002</span> 

          <div class="arrow-up" alt='some text' /> 
          </br> 
          <div class="arrow-down"/> 
         </div> 
         <div><h3>Text</h3></div> 
         </br> 
         <span>Some plain text 
      <br /> 
         </span> 
        </div> 

在outerdiv的所有元素，除了純文本跨度必須對齊，並向左浮動，但我不能想出一個辦法怎麼做。如果我移動了其他東西，所有其他的東西都會在整個頁面上飛行什麼纔是正確的做法呢？附的是我想達到的圖像：

Answer 1

利用這個意象結構它可以幫助ü

<div id="outerDiv" style="margin: 20px;"> 
     <div id="innerDiv" style="float: left;"> 
     <span style="float:left; margin-top:15px;">10002</span> 
     <div class=" " style="float:left;"> 
      <div class="arrow-up" alt='some text' /></div> 
      <div class="arrow-down"/></div> 
     </div> 
     <h3 style="float:left;">Text</h3> 
<div style="float:none; clear:both"></div> 
     </div> 
     </br> 
     <span>Some plain text</span> 
    </div>