在HTML中从右侧显示内联列表（li）

以下是场景：

<div class="menu">
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
</div>

结果将是：

1  2  3

但我想从右到左显示它们：

3  2  1

---

我怎样才能做到这一点呢？

尝试将float:right添加到CSS中

.menu li {display:inline; float: right;}

---

您可能需要添加额外的限制，以防止列表飞到页面右侧

为什么不重新排列它们？更改列表元素的顺序不是一个表示问题，因此它不应该由CSS处理，而是由HTML处理

顺便说一句，你忘了把你的李包在ul标签里

<ul>
  <li></li>
</ul>

首先，您需要用

标签而不是

来包装您的

​

此外，您不能让

li

成为

div

的直接后代。使用

ul

或

ol

---

使用HTML5新的

反向属性，您可以告诉浏览器列表项的编号应按降序显示，而不是默认的升序

<ol reversed>  
    <li>List item one</li>  
    <li>List item two</li>  
    <li>List item three</li>  
    <li>List item four</li>  
    <li>List item five</li>  
</ol> 


列出第一项
列出第二项
列出第三项
列出第四项
列出第五项
试试这个

CSS代码：

.menu li {display:inline}
.menu ul{direction:rtl;}

HTML代码：

<div class="menu">
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
</div>








你的
在
内做什么，你的
在哪里？）谢谢@Pow Ian，我当然可以，但在这种情况下，我正在寻找其他方法。@raina77抱歉，我不知道这是必要的，因为这样做效果很好。我会编辑我的帖子。
<ol reversed>  
    <li>List item one</li>  
    <li>List item two</li>  
    <li>List item three</li>  
    <li>List item four</li>  
    <li>List item five</li>  
</ol> 

.menu li {display:inline}
.menu ul{direction:rtl;}

<div class="menu">
<ul>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
</ul>
</div>