html - 在 HTML 中从右开始显示内联列表 (li)

Question

场景如下:

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

和 CSS:

.menu li {display:inline}

结果是:

1  2  3

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

3  2  1

请问我怎样才能做到这一点？

Answer 1

尝试在 CSS 中添加 float: right

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

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