Wie platziere ich ein nicht tab-Element in einer jQuery UI Tab-Leiste mit gültigem XHTML?

Question

Ich erstelle eine Standard-jQuery-UI-Registerkartenleiste, nichts Besonderes außer den folgenden: Ich möchte einen Hyperlink auf der rechten Seite der Registerkartenleiste als Ausloggen-Schaltfläche enthalten. Ich weiß, dass ich dies mit ungültig XHTML durch Schreiben der Registerkarte Container wie dies erreicht werden kann:

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

und mit Hilfe der CSS:

.logout 
{ 
    float: right; 
} 

Es funktioniert wunderbar, aber es ist auch nicht gültig (weil des span Kindes der ul).

Gibt es einen richtigen Weg, dies zu tun?

Answer 1

Kannst du nicht einfach die Spanne als Kind der div anstelle der ul setzen? Offensichtlich müssten Sie das CSS ein bisschen ändern.