Задать вопрос
lDNFW
@lDNFW
Начинающий верстальщик :)
html

Не работает justify-content:space-around;?

Здравствуйте.Не могу сделать отступ между li.
Хочу чтобы было так 606c555070745905819379.png
и хз как, justify-content:space-around; не работет.

Код:https://jsfiddle.net/zdnwetfc/#&togetherjs=0b3A7BJ32b
  • Вопрос задан
  • 175 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
sagrana
@sagrana
Вёрстка и немного кодинга)
Во-первых, вы не тому блоку задаете justify-content:space-around; Если вы хотите, чтобы это срабатывало для пунктов списка, то вы должны задать его для родителя этих пунктов (то есть для ul).
Во -вторых вам надо для .container добавить width: 100%, чтобы было куда растягиваться списку.
А ещё у вас неправильная вложенность в самом списке. Должно быть ul>li>a.
Ответ написан
1 комментарий
1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
PHP-разработчик
FoodSoul • Калининград
от 180 000 до 250 000 ₽
Специалист технической поддержки (чат)
WebSoft
от 50 000 до 70 000 ₽
Frontend Developer (React + Node.js)
Alfabet Service
от 1 000 до 2 000 $
Ещё вакансии