Как отцентровать текст справа?

Question

[wo0dpeker]

Имеется вот такой блок



И такой вот код к нему:

HTML:

<div class="block">
        <div class="circle" />
        <h5>Имя Фамилия </h5>
        <h4>632</h4>
</div>

CSS:

.block {
  background-color: #ccc;
  width: 80%;
  height: 45px;
  margin: auto;
  margin-top: 25px;
  border-radius: 30px;
  display: flex;
}


.block h5 {
  margin-left: 5px;
  display: flex; 
  align-items: center;
}



.circle {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: rgb(45, 204, 204);
}

Как отцентрировать h4, чтобы он был на правом краю блока?

Comments

[Антон Литвиненко]

Как-то я упустил что теперь можно парные теги не закрывать?

[wo0dpeker]

Антон Литвиненко, Копировал из проекта на реакте, там так можно)

Answer 1

[Икотий Айтишевич]

https://codepen.io/garisun/pen/MWeGoeM

Answer 2

[norixus]

Можно добавить к каждому текстовому блоку text-align: right; или justify-content: flex-end;

Comments

[wo0dpeker]

Применяю к h4, не срабатывает

Answer 3

[Kirill Makarov]

Как вариант из того что еще не назвали
margin-left: "auto"
margin-right: 0

Answer 4

[Дарья]

.block h4 {
display: flex;
justify-content: flex-end;
align-items: center;
}