Как поместить элемент без вкладок в панель вкладок пользовательского интерфейса jQuery, используя действительный XHTML?

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

Разве вы не можете просто поставить span как дочерний элемент div вместо ul? Очевидно, вам придется немного изменить CSS.