如何讓YUI-tabs右對齊？

Question

對於下面的例子：

http://developer.yahoo.com/yui/examples/tabview/frommarkup_clean.html

我想打右對齊的標籤，並仍然保留目前的訂單。

我確定它的一些簡單 - 太接近它看不到解決方案。

Answer 1

關上我的頭，怎麼樣：

<div id="demo" class="yui-navset"> 
    <ul class="yui-nav" style="text-align:right;"> 
     <li><a href="#tab1"><em>Tab One Label</em></a></li> 
     <li class="selected"><a href="#tab2"><em>Tab Two Label</a></li> 
     <li><a href="#tab3"><em>Tab Three Label</em></a></li> 
    </ul>    
    <div class="yui-content"> 
     <div id="tab1"><p>Tab One Content</p></div> 
     <div id="tab2"><p>Tab Two Content</p></div> 
     <div id="tab3"><p>Tab Three Content</p></div> 
    </div> 
</div> 

Answer 2

您是否嘗試過應用「text-align：right;」到容器格：

<div id="demo" class="yui-navset"> 

？

Answer 3

說什麼da5id和凱文·樂。

在CSS文件中，添加以下行： ul.yui-nav {text-align：right; }

這是相同的解決方案。

Answer 4

HTML代碼：

<div id="demo" class="yui-navset"> 
<div class ="tabs-nav" > 
    <ul class="yui-nav" > 
     <li><a href="#tab1"><em>Tab One Label</em></a></li> 
     <li class="selected"><a href="#tab2"><em>Tab Two Label</a></li> 
     <li><a href="#tab3"><em>Tab Three Label</em></a></li> 
    </ul> 
</div>   
    <div class="yui-content"> 
     <div id="tab1"><p>Tab One Content</p></div> 
     <div id="tab2"><p>Tab Two Content</p></div> 
     <div id="tab3"><p>Tab Three Content</p></div> 
    </div> 
</div> 

CSS：

div.tabs-nav {height: 45px;} /* important to set div's height so your tabs navigation does not fall in to the tabs content */ 
ul.yui-nav { float: right;} 
ul.yui-nav li { float: left;}