How to push text to the top of a line?

Question

css

unable to apply vertical-align: top. I don't understand why.
You need to press the number '25 600 000 ₽ to the top of the line.

<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;
}

Answer 1

try to doposition: absolute