@Akim41k
Ui/Ux designer

Что здесь не так?

Текста должны быть в зеленой рамке но этого не происходит(высота строки как высота рамки)
<body>
    <header>
        <div class="menu">
            <div class="container">
                <div class="menu_items-wrap">
                    <p class="animate fadeInDownBig menu_item" data-wow-duration="1s">ГЛАВНАЯ</p>
                    <p class="animate fadeInDownBig menu_item" data-wow-duration="1s">УСЛУГИ</p>
                    <p class="animate fadeInDownBig menu_item" data-wow-duration="1s">КОНТАКТЫ</p>
                    <p class="animate fadeInDownBig menu_item" data-wow-duration="1s">О НАС</p>
                </div>
            </div>
        </div>
        <div class="container">

        </div>
    </header>
</body>


.container {
  border: 5px solid red;
  width: 1600px;
  margin: auto;
}

.menu {
  border: 10px solid orange;
  height: 200px;
}

.menu_items-wrap {
  border: 5px solid green;
  margin-left: 360px;
  width: 880px;
  height: 48px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.menu_item {
  font-size: 40px;
  font-weight: bold;
  color: #2a3453;
  border: 5px solid pink
}


5d352ae7783c4609258615.png
  • Вопрос задан
  • 77 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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