Текст под текстом в css?

Question

[ivangerasimov00]

всем привет!, подскажите пожалуйста как я могу сделать текст под текстом? что бы значение 0 было внизу по центру верхнего текста?
CSS:

.ggetr{
    display: flex;
    margin-left: 25px;
}

html:

<div class="ggetr"> 
<h5 style='margin: 0px 10px;'>Мои записи<br><?php echo $a->recordings; ?></h5>
<h5 style='margin: 0px 10px;'>Мои друзья<?php echo "<br>$a->friends" ?></h5>
<h5 style='margin: 0px 10px;'>Мои сообщества<br><?php echo $a->communities; ?></h5>
</div>

Comments

[Ankhena]

Сделайте песочницу на codepen.io с вашими попытками. Что вы делали и что именно не получилось?
И приложите скрин того, как должно быть.

По дороге можно заглянуть сюда

[ivangerasimov00]

Ankhena, вот так бы хотелось.

[Ankhena]

ivangerasimov00, оберните текст и числа в span.
Задайте им display block и text-align по центру.
А также другие свойства шрифта, нужные по макету.

Разметку хорошо бы поменять на dl, dt, dd или table или список.

P. S. Но имеет смысл нанять верстальщика, потому что этот вопрос примерно по первым двум урокам верстки.

[ivangerasimov00]

Ankhena, я уже нашёл решение, спасибо)

[Ankhena]

ivangerasimov00, если не жалко трафик пользователей и охота писать кучу лишнего, то норм.
А про семантику всё таки лучше почитать.

Answer 1

[Bauyrzhan Akhmetov]

Юзаю flexbox везде где могу :3
потому что могу, ибо пользуюсь всемогущим Tailwindcss
а так, как то так выходит А это полезная ссылка FLEXBOX

Comments

[Ankhena]

Попробуйте убрать флекс у item и заменить на всего лишь одно свойство text-align: center
Будет сюрприз.