如何在CSS中向后对齐单词

Question

我正在尝试创建一个包含几个项目的列表。我正在使用Flexbox，因为我希望屏幕中间的列表使用justify-content：center然而，即使是一些我不想要的内容，例如标题，也会将所有内容放到中心。然后，当我尝试使用flex-direction时：row-reverse它根本不会做我期望的事情。 请记住，我希望文本位于屏幕的中心。

Answer 1

与评论建议一样，您只需使用text-align

即可

＆＃13;

＆＃13;

.center-div {
    width: 200px;
    display: block;
    margin: 0 auto;
}

.center-text {
    text-align: right;
}

＆＃13;

<div class="center-div">
  <div class="center-text">
    Example <br>
    Example second <br>
    Example third <br>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;

JSFiddle here