css - CSS中的文本对齐

Question

我正在做一个项目，我希望在页面右侧的无序列表中添加一些文本，例如

这是演示文本。○

但它就像

.这是演示文本o

在页面的右侧

其中 o 是子弹。

我用过方向：rtl; 为了这。我也尝试过 float 等以达到所需的结果，但没有成功。

谁能告诉我如何达到上述结果？

score 2 · Accepted Answer

您可能不想使用direction: rlt;- 据我了解，它更适用于实际文本方向从右到左的用途。

实现类似效果的一种快速简便的方法是隐藏普通项目符号并通过 css 替换它们，例如：

.list-right li {
  text-align: right;
  list-style: none;
}
.list-right li:after {
  content: ' \2022'; /* Bullet */
  margin-left: 0.5em;
}

1 回答 1