Untitled

<!DOCTYPE html>
<html>
<head>
    <style>

        nav
        {
            width: 400px;
            float: left;
            background-color: yellow;

        }

        ul
        {
            padding-left: 0px;
        }

        ul li
        {
            color: red;
            list-style-type: none;
            background-color: green;
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 10px;
            padding-bottom: 10px;
            margin-top: 2px;
        }

        ul li:hover
        {
            background-color: greenyellow;
        }


    </style>
</head>
<body>
    <nav>
        <ul>
            <li>Strona 1</li>
            <li>Strona 2</li>
            <li>Strona 3</li>
            <li>Strona 4</li>
        </ul>
    </nav>

</body>
</html>