html - CSS 右对齐列表

标签 html css

我应该如何将列表右对齐? 文本完美对齐,但元素符号没有。有没有简单易用的 CSS 方法?

代码:

<ul style="text-align: right">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

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

编辑 我附上了一张图片,显示了我想要实现的目标: On the right is what I want. On the left is what I have

最佳答案

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

.theList
{
    text-align: right;
    list-style-position: inside;
}​

关于html - CSS 右对齐列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10431037/

相关文章:

html - 移动设备上的 Bootstrap 4 sidenav 不在左侧

html - 样式表在发布后不起作用

javascript - 如何在 HTML5 视频加载完成后让文本消失?

css - 类属性不适用于按钮

javascript - 我在非常简单的网站上的按钮无法登录控制台

HTML CSS : Best way to Create Search Bar with Magnify Button

html - 让名字很好地出现在同一行

html - 居中图像 block

javascript - 无论如何要保存背景图像,以便在重新加载时保存您的选择

html - 为什么 float 父级的宽度不依赖于其子级的负边距?