Теперь из того же самого списка создадим горизонтальное меню.

Начнем с этапа, когда HTML-код уже размечен и заданы стили для контейнера. Теперь нужно преобразовать вертикальный список в горизонтальное меню.

Простейший способ сделать это — задать элементам списка строчный тип. Тогда они автоматически расположатся в одну строку. Также добавим им небольшой отступ справа.

Кстати, мы не задали ширину контейнеру, так как обычно горизонтальные меню занимают всю ширину макета.