Css 如何使YUI选项卡右对齐？

对于以下示例：

我想使选项卡右对齐，但仍保留当前顺序

我敢肯定这很简单——离它太近了，看不到解决方案。

您是否尝试过将“text align:right；”应用于容器div:

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

---

？

在我的头顶上，如何：

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

表一内容

表二内容

表三内容

da5id和Kevin Le说的话

在CSS文件中，添加以下行： ul.yui-nav{文本对齐：右；}

---

这是相同的解决方案。

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>

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

---

关闭-不幸的是，将选项卡内容也设置为右对齐。谢谢