Загрузка данных

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Вертикальное меню</title>
    <style>
        /* Шаг 2: Убираем маркеры и обнуляем отступы */
        .menu {
            list-style-type: none;
            margin: 0;
            padding: 0;
            width: 300px; /* Шаг 3: Ширина блока */
            border-bottom: 1px solid blue; /* Шаг 5: Нижняя граница блока */
        }

        /* Шаг 3-6: Стилизация ссылок */
        .menu a {
            display: block;            /* Делаем ссылки блочными */
            background-color: yellow;  /* Шаг 4: Желтый фон */
            text-decoration: none;     /* Шаг 4: Убираем подчеркивание */
            border-bottom: 1px solid blue; /* Шаг 5: Разделитель */
            
            /* Шаг 6: Высота и центрирование текста */
            height: 30px;
            line-height: 30px;
            padding-left: 10px; /* Небольшой отступ для красоты */
        }
    </style>
</head>
<body>

    <!-- Шаг 1: Навигационный список -->
    <ul class="menu">
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Gallery</a></li>
        <li><a href="#">News</a></li>
        <li><a href="#">Contacts</a></li>
    </ul>

</body>
</html>