Работа с блоками?

Question

[Ruslan]

Добрый день. Подскажите как правильно записать значения, чтобы реализовать то что на рисунке, а именно
1) Цифры должны переноситься на новую строчку, их можно стилизовать, но при этом они должны находится сразу под текстом что выше
2.) Как правильно вставить возле стрелочки что справа?
Спасибо за предложенные варианты ответов

Comments

[Alex]

Опишите всё, что вы уже сделали для решения проблемы. Не забудьте рассказать, почему тот или иной вариант действий не сработал.

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

[Ruslan]

Alex,

<ul class="personal__inform">
                    <li class="personal__status ">
                        
                        <p class="personal__descr">Buyer Power <br> $15.546 </p>
                        
                    </li>
                    <li class="personal__status "> 
                        
                        <p class="personal__descr">Watchlist <br>12</p>
                        
                    </li>
                    <li class="personal__status"> 
                        
                        <p class="personal__descr">Bids Status <br>0   1 </p>
                    </li>
                    <li class="personal__status"> 
                        
                        <p class="personal__descr ">Hello, <span> Jonh</span></p>
                       
                    </li>
                </ul>

Вот это самый оптимальный из моих вариантов. Я пытался ставить тег с классом для стилизации сразу после тега
но текст начинает смещаться. Пробовал на блоки разбивать, например имя в один, цифры в другой , но тоже все смещается. Пробовал флексами, тоже нифига. Может я что-то просто не так делаю?

[Ruslan]

Антон Литвиненко, Спасибо, это я где-то тупанул))