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

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Горизонтальное меню (float)</title>
    <style>
        .menu {
            list-style-type: none; /* Убираем маркеры */
            margin: 0;
            padding: 0;
            overflow: hidden; /* Обязательно для контейнера с float-элементами */
        }

        .menu li {
            float: left; /* Главное условие задания: элементы прижимаются влево */
        }

        .menu a {
            display: block;        /* Делаем ссылку областью, на которую можно нажать */
            text-decoration: none;
            background-color: #f0f0f0;
            color: #333;
            padding: 10px 20px;
            margin-right: 5px;     /* Пробелы между разделами */
            border-bottom: 3px solid #4CAF50; /* Цветная полоска снизу */
        }

        .menu a:hover {
            background-color: #ddd; /* Цвет при наведении */
        }
    </style>
</head>
<body>

    <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>