0

недавно начала изучать верстку, пытаюсь сделать шапку, но не получается выровнять элементы списка

* {
  padding: 0;
  margin: 0;
}

header {
  height: 51px;
  background-color: #212121;
}

header nav {
  padding: 10px 460px;
  margin: 0 auto;
}
<header>
  <div class="container">
    <nav>
      <ul class="menu">
        <li class="menu_item"><a href="#" class="menu_link">Главная</a></li>
        <li class="menu_item">
          <a href="#" class="menu_link">Со своим автомобилем</a>
        </li>
        <li class="menu_item">
          <a href="#" class="menu_link">На автомобиле компании</a>
        </li>
        <li class="menu_item">
          <a href="#" class="menu_link">Требования</a>
        </li>
        <li class="menu_item">
          <a href="#" class="menu_link">Контакты</a>
        </li>
        <li class="menu_item">
          <a href="#" class="menu_link">Оставить заявку</a>


        </li>
      </ul>
    </nav>
  </div>
</header>

1
  • Еще изменить : padding: 10px 460px; -- на что-то более приемлемое 20 июл 2022 в 21:06

1 ответ 1

0

У тебя nav имеет ширину 100%. Чтобы margin: 0 auto; срабатывал, ширина блока должна быть меньше, чем ширина родителя. То есть если задать ширину nav, например, 70%,всё сработает.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.