- Теория
- Теория
Усложнённое оформление пунктов
Теперь давайте усложним оформление. Сделаем пункты более объемными и добавим разделители по аналогии с вертикальным меню.
Для начала избавимся от фона и отступов у списка. А рамку у списка оставим, так как в горизонтальном меню пункты не всегда занимают всю ширину или влезают на одну строку.
Чтобы расположить пункты в одну строку и иметь возможность задавать им отступы и размеры, зададим блочно-строчный тип элементам списка.
А ссылкам внутри элементов списка зададим блочный тип и добавим отступы.
Хотите верстать адаптивно и по методологии, использовать препроцессоры и автоматизацию? Записывайтесь на профессиональный курс «HTML и CSS. Адаптивная вёрстка и автоматизация». Цена 12 000 ₽.
- index.html
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.