@morto

Как выровнять по центру элементы?

Как выровнять эти элементы в одну линию с картинкой по горизонтали?

5fc3f8892852a906291842.jpeg

HTML:
<div class="header-menu">
    <div class="container">
      
  <nav>
    <ul>
      <li><a href="./index.html"><img class="logo" src="./img/pngegg.png" alt=""></a></li>
      <li><a href="./index.html">Главная</a></li>
      <li><a href="./catalog.html">Каталог</a></li>
      <li><a href="./contacts.html">Контакты</a></li>
    </ul>
  </nav>
  <hr>
</div>
</div>


CSS:
.header-menu {
    & ul{
        display: flex;
        justify-content: space-between;
    }

    & a{
        text-decoration: none;
        color: #fff;
        font-size: 24px;
        transition: .3s;
    }
    & a:hover{
        color: #ebdede;
    }
}
  • Вопрос задан
  • 73 просмотра
Решения вопроса 2
@vladchv
WordPress Developer
align-items:center; для UL
Ответ написан
@Kwinston
Frontend developer
Пропишите к тегу a/li внутри меню свойство line-height: (высота меню)px; либо же примените к ul свойство align-items: center
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы