Как расположить элементы таким образом?

Question

[autumnfall]

Как расположить элементы вот так?:

У меня получается на данный момент так:


Вот код:

<header class="header">
    <a class="other-projects" href="#">Other Projects</a>
    <p class="upd">upd: this isn't a project</p>
  </header>

.header {
  font-weight: 700;
  margin-top: 28px;
  margin-left: 867px;
  width: 186px;
  height: 58px;
  display: flex;
  flex-direction: column;
  border: 1px solid #000;
}

.other-projects {
  font-size: 27px;
  color: #000;
}

.upd {
  font-size: 15px;
  color: #848484;
}

Comments

[Вадим]

А зачем вы высоту ограничиваете?
Ну и line height наверняка в макете другой, или шрифт отличается по "габаритам".
А ещё у P по умолчанию есть margin

[autumnfall]

Вадим, спасибо