Горизонтальное меню

Установите для контейнера нулевой padding.
Установите для контейнера свойство list-style со значением none.
Установите для контейнера свойство display со значением inline-flex.
.flex-container { background-color: #d63138; } li { color: #fff; padding: 1em; }
4
 
1
.flex-container {
2
 
3
}
4
x
 
1
<ul class="flex-container">
2
  <li>Главная</li>
3
  <li>Продукция</li>
4
  <li>Сервисы</li>
5
  <li>Контакты</li>
6
</ul>
7