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

Question

我正在創建一個標准的jQuery UI標簽欄，沒有什么特別的，除了以下內容：我想在標簽欄的右側包含一個超鏈接作為注銷按鈕。 我知道我可以使用無效的 XHTML通過編寫tab容器來實現這一點：

    <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;
}

它工作得很漂亮，但它也無效（因為ul的span子）。

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

Answer 1

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