CSS右对齐列表

luk*_*nis 16 html css

我该如何将列表对齐?文本完全对齐,但子弹没有.使用CSS有一种简单易用的方法吗?

码:

<ul style="text-align: right">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

即使我直接将LI元素的规则与rigth对齐,它也不起作用.

编辑 我附上了一张图片,展示了我想要实现的目标: 在右边是我想要的. 左边是我的

解决方案 感谢Adriano

" text-align:right; "结合" list-style-position:inside; "做我想要的.谢谢你们!

Adr*_*tti 25

如果您需要将项目符号与文本对齐,可以使用该list-style-position属性,如下所示:

.theList
{
    text-align: right;
    list-style-position: inside;
}?
Run Code Online (Sandbox Code Playgroud)

  • .theList这个类在哪里,有ul或li (2认同)

Mad*_*iha 18

使用方向:

direction: rtl;
Run Code Online (Sandbox Code Playgroud)

它通常用于从右到左的语言.

编辑:

向右浮动并清除两者.

float: right;
clear: both;
Run Code Online (Sandbox Code Playgroud)

  • 请改写您的问题并添加所需输出的图像。因为我显然误解了。 (2认同)