Comment placer un élément sans onglets dans une barre d'onglets de l'interface utilisateur jQuery à l'aide d'un code XHTML valide?

Question

Je crée une barre d'onglets de l'interface utilisateur jQuery standard, rien de spécial sauf ce qui suit: Je voudrais inclure un lien hypertexte sur le côté droit de la barre d'onglets pour servir de bouton de déconnexion. Je sais que je peux y arriver en utilisant invalide XHTML en écrivant le récipient onglet comme ceci:

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

et en utilisant le CSS:

.logout 
{ 
    float: right; 
} 

Il fonctionne à merveille, mais il est aussi pas valide (car du span enfant du ul).

Existe-t-il une manière correcte de le faire?

Answer 1

Ne pouvez-vous pas simplement mettre l'envergure comme un enfant de la div au lieu de l'ul? Évidemment, vous devrez changer le css un tout petit peu.