वैध एक्सएचटीएमएल का उपयोग कर एक jQuery यूआई टैब बार में मैं एक गैर-टैब आइटम कैसे रखूं?

Question

मैं एक मानक jQuery यूआई टैब बार बना रहा हूं, निम्नलिखित के अलावा विशेष कुछ भी नहीं: मैं लॉग-आउट बटन के रूप में कार्य करने के लिए टैब बार के दाईं ओर एक हाइपरलिंक शामिल करना चाहता हूं। मुझे पता है कि मैं इस इस तरह टैब कंटेनर लिख कर अमान्य एक्सएचटीएमएल के प्रयोग से कर सकते हैं:

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

और सीएसएस का उपयोग कर:

.logout 
{ 
    float: right; 
} 

यह खूबसूरती से काम करता है, लेकिन यह भी मान्य नहीं है (क्योंकि spanul का बच्चा)।

क्या ऐसा करने का कोई सही तरीका है?

Answer 1

क्या आप उल के बजाय div के बच्चे के रूप में स्पैन नहीं डाल सकते हैं? जाहिर है आपको सीएसएस को एक छोटा सा बदलना होगा।