如何使用有效的XHTML在jQueryUI选项卡栏中放置非选项卡项？

我正在创建一个标准的jQueryUI选项卡栏，除了以下内容之外没有什么特别之处：我希望在选项卡栏的右侧包含一个超链接，用作注销按钮。我知道我可以使用无效的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>

它工作得很好，但也无效（因为

ul

的

span

子项）

---

有没有正确的方法可以做到这一点？

难道你不能将span作为div的子级而不是ul的子级吗？显然，您必须稍微更改css。

我可能会搞错——我的第一次尝试将注销链接留在了选项卡栏后面（大部分被选项卡栏遮住了）。知道我该怎么改变吗？明白了！添加到我的CSS

填充中：.6em；位置：相对位置；z指数：1一切都很好。
.logout
{
   float: right;
}