Как выровнять слова в CSS

Question

Я пытаюсь создать список из нескольких элементов.Я использую Flexbox и потому что мне нужен список в середине экрана, я использую justify-content: center, однако он помещает все в центр, даже некоторые вещи, которые я не хочу, например, заголовки.Затем, когда я пытаюсь использовать flex-direction: row-reverse, он просто не будет делать то, что я ожидаю.Помните, что я хочу, чтобы текст был в центре экрана.

Answer 1

Как и в комментариях, вы можете просто использовать text-align

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

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

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

JSFiddle здесь