Как прижать текст к верху строки?

Question

[Zold09]

не получаеся применить vertical-align: top. Не пойму почему.
Нужно цифру '25 600 000 ₽ прижать к верху строки.

<div class="card">
                        <div class="pic"></div>
                        <h3 class="title_app">Апартаменты в «башне ОКО»</h3>
                        <p class="lot">Лот № 4536</p>
                        <p class="price">25 600 000 ₽</p>
                        <p class="S">Площадь 70 м² Этаж 52</p>
                        <p class="mQuad">365 714 ₽ за м²</p>
                        <a href="" class="link_app">Назначить просмотр</a>
                </div>

html {
  font-size: 16px;
}

.card .pic {
  width: 555px;
  height: 300px;
}

.card .title_app {
  font-size: 1rem;
  line-height: 1.67rem;
  color: black;
  margin-top: 30px;
}

.card .lot {
  font-size: 1rem;
  line-height: 1.5rem;
  color: black;
}

.card .price {
  
  margin-top: 20px;
  font-size: 2.06rem;
  line-height: 5.31rem;
  color: black;
}

Comments

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

Не вижу вертикал алайн

[Ankhena]

Не вижу вертикал алайн

И я.

Но зато вижу, что вы сами задали высоту строки для .price line-height: 5.31rem;

И на всякий случай, о том, что vertical-align работает не так, как ожидают многие верстальщики https://web-standards.ru/articles/vertical-align/

Answer 1

[Айрат]

попробуйте сделать position: absolute