Откуда берется padding-inline-start и как его обнулить?


#1

При раскрытии адаптивного меню появляется padding-inline-start: 40px, который не позволяет отцентровать текст в меню по горизонтали. Вот скрин для наглядности:

.

Никак не могу найти в стилях свойство, чтобы его обнулить. Причем сделать надо только у адаптивного меню, в остальном с отступом проблем нет.

Подскажите пжлст, как можно обнулить такой паддинг и отцентровать меню по горизонтали?
Песочница здесь.


#2

а это вылезают дефолтные браузерские стили. потому в коде обнуляют их перед написанием кода страницы (у этого способа есть и противники, ну тут уж сами решайте, большинство таки обнуляют, т.к. далеко не гуру css как Джонатан Снук). почитать можно туть
сейчас вам самый простой способ - это явно обнулить его: ul { padding-inline-start: 0; }


#3

Я тоже обнулял с самого начала. Странно. В итоге прописал нулевой паддинг к этому элементу и все стало нормально. Спасибо за ответ!


#4

А там потому в универсальном “обнуляторе” обычно все теги прописаны и всем маржин и паддинг нули. От них как-то подцепаются и остальные свойства отступов.