如何使用有效的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;
}

它工作得很漂亮，但它也无效（因为 ul 的 span 子项。）

有没有正确的方法呢？

Answer 1

难道你不能把跨度作为div的孩子而不是ul吗？显然你必须稍微改变一下css。