Создание панели навигации

Создадим вертикальную панель навигации на основе списка ссылок. Сначала следует разметить HTML-код:

Каждый браузер по умолчанию отображает списки с отступами и полями, а также добавляет маркеры к пунктам списка. Следует обнулить отступы и поля (padding, margin), удалить все маркеры в списке свойством list-style-type со значением none, задать ширину (width). Обратите внимание, в примере используются контекстные селекторы.

Далее следует сделать ссылки блочными элементами (display: block). Подробнее о блочных и строчных элементах в разделе "Поля, границы, отступы".
Увеличить площадь ссылок можно с помощью отступов (свойство padding).
Каждый браузер по умолчанию отображает ссылки с подчеркиванием. Следует убрать подчеркивание у ссылок свойством text-decoration со значением none.
С помощью свойства border в меню добавлены разделители — горизонтальные линии.

Далее для оформления различных состояний пунктов меню используются селекторы псевдоклассов. В примере с помощью псевдокласса :hover задан стиль при наведении курсора мыши на ссылку.

Задание

Создайте горизонтальную панель навигации, объединяющую все три web-страницы. Меню должно располагаться на каждой странице.
Обратите внимание, чтобы перевести блочный элемент в строчный, следует использовать свойство display со значением inline. Определите, для какого блочного элемента следует задать данное свойство.