Как задать расположение блоков?

Question

Как привязать логотип к левому верхнему углу, а приветствие расположить по середине экрана?

#site_logo {
  padding: 0 0 0 50px;
  font-size: 30px;
  font-weight: bold;
}

.greeting {
  height: 100px;
}

<header>
  <div id="site_logo">
    Логотип /* Логотип текстовый */
  </div>
  <div class="'greeting">
    Приветствие пользовтеля
  </div>
</header>

Answer 1

header {
  position: relative;
  text-align: center;
}

#site_logo {
  position: absolute;
  inset: 0 auto auto 0;
  font-size: 30px;
  font-weight: bold;
}

.greeting {
  padding-block: 50px;
}

<header>
  <div id="site_logo">
    Логотип
  </div>
  <div class="greeting">
    Приветствие пользовтеля
  </div>
</header>

БЛОГ НА HUSL

Как задать расположение блоков?

Ответы (1 шт):