breadcrumb сделать горизонтальным - Вопросы по CSS

Сайт bestekosmetik.ru. Не знаю как breadcrumb сделать горизонтальным.
прописала в класс li class="active"  "display: inline;", горизонтальным стал также список в модуле регистрация.

Подскажите, пожалуйста

Указывайте для элементов списка конкретного класса

Также позвольте рекомендацию походу: не устанавливайте напрямую спискам и их элементам любые - внешние (margin) и внутренние (padding) отступы, всегда делайте это либо отдельным классом (как в примере ниже) либо в контексте определенного контента:

я не понимаю, куда это прописывать. .breadcrumb li нет. Про отступы поняла. Спасибо

В CSS шаблона пропишите.
Вроде не один месяц уже в J плаваете, азбуку пора уже знать )