如何使用有效的XHTML在jQuery UI選項卡欄中放置非選項卡項目？

Question

我正在創建一個標準的jQuery UI標籤欄，沒有什麼特別的，除了以下幾點：我想在標籤欄的右側包含一個超鏈接來作爲註銷按鈕。我知道我可以寫這樣的標籤容器使用無效 XHTML做到這一點：

<div id="tabs"> 
     <ul> 
      <li><a href="tab1.jsp">Tab 1</a></li> 
      <li><a href="tab2.jsp">Tab 2</a></li> 
      <li><a href="tab3.jsp">Tab 3</a></li> 

      <span class="logout"> 
       <a href="logout.jsp">Log out</a> 
      </span> 
     </ul> 
    </div> 

，並使用CSS：

.logout 
{ 
    float: right; 
} 

它精美的作品，但它也是無效的（因爲的span孩子的ul）。

有沒有正確的方法來做到這一點？

Answer 1

難道你不能把跨度作爲div的孩子而不是ul嗎？顯然你必須稍微改變一下css。