¿Cómo poner un enlace alineado correcto en las pestañas jQuery?

Question

Tengo tres pestañas jQuery a la izquierda. Deseo poner un enlace de "cierre de sesión" a la derecha dentro del encabezado de pestañas. ¿Cómo puedo lograr eso?

Answer 1

No uso pestañas jQuery, pero ¿podrías hacer algo como esto dentro del encabezado?

<a href="" style="position:absolute; right:0">My link</a>

Answer 2

Pido disculpas por la demora,

Lo que estás buscando es esto:

<li style="float: right"><a href="yourlogoutlink"><span>Log out</span></a></li>

Answer 3

Sé que esto es viejo y ya hay una respuesta aceptada, pero surgió cerca de la parte superior en una búsqueda en Google que implica algo similar y tengo una solución mucho más fácil ahora que pensé que compartiría para otros que encuentran esta pregunta.

En su archivo .cshtml o .aspx, defina las pestañas como así:

<div id="tabs">
  <ul>
     <li><a href="#tab1">Tab 1</a></li>
     <li><a href="#tab2">Tab 2</a></li>
     <li><a href="#tab3">Tab 3</a></li>
     <a href="/Account/SignOut" style="float:right;">Sign Out</a>
  </ul>
  <div id="tab1">tab 1 content</div>
  <div id="tab2">tab 2 content</div>
  <div id="tab3">tab 3 content</div>
</div>

Si intenta validar el HTML sin procesar, obtendrá un error por incluir la etiqueta A como hijo directo del UL, pero, una vez que llame a la función de pestañas jQueryui en el Div principal, todo se clasificará de la manera que desee y Mira