При раскрытии адаптивного меню появляется padding-inline-start: 40px, который не позволяет отцентровать текст в меню по горизонтали. Вот скрин для наглядности:
.Никак не могу найти в стилях свойство, чтобы его обнулить. Причем сделать надо только у адаптивного меню, в остальном с отступом проблем нет.
Подскажите пжлст, как можно обнулить такой паддинг и отцентровать меню по горизонтали?
Песочница здесь.
а это вылезают дефолтные браузерские стили. потому в коде обнуляют их перед написанием кода страницы (у этого способа есть и противники, ну тут уж сами решайте, большинство таки обнуляют, т.к. далеко не гуру css как Джонатан Снук). почитать можно туть
сейчас вам самый простой способ - это явно обнулить его: ul { padding-inline-start: 0; }
Я тоже обнулял с самого начала. Странно. В итоге прописал нулевой паддинг к этому элементу и все стало нормально. Спасибо за ответ!
А там потому в универсальном “обнуляторе” обычно все теги прописаны и всем маржин и паддинг нули. От них как-то подцепаются и остальные свойства отступов.
