HTML浮動權設定跨度在新行

Question

如何設置兩個跨度內聯歌劇，那裏的HTML這樣的：

<section id="board-sub-header"> 
      <span> 
       <span class="left">Text</span> 
      </span> 
      <span style="float:right"> 
       <a href="#" class="image-link application-icon popup-link"> 
        Applications 
       </a> 
      </span> 
     </section> 

Answer 1

CSS：

#board-sub-header span { float: left; width: 50%; display: block; } 

http://jsfiddle.net/EKQkS/