How to create navigation menu with HTML list in CSS

1 Answer

<!DOCTYPE html>
<html>
    <head>
        <style>
            ul {
                list-style-type: none;
                overflow: hidden;
                margin: 0;
                background-color: #445566;
            }

            li {
                float: left;
            }

            li a {
                display: block;
                padding: 14px;
                color: white;
                text-decoration: none;
            }

            li a:hover {
                background-color: #112233;
            }
        </style>
    </head>
    <body>

        <ul>
            <li><a href="#home">Home</a></li>
            <li><a href="#login">Log In</a></li>
            <li><a href="#signup">Sign Up</a></li>
            <li><a href="#about">About</a></li>
        </ul>

    </body>
</html>

70+ SQL courses for beginners and professionals

answered Dec 15, 2018 by avibootz

Most popular tags

How to create navigation menu with HTML list in CSS

1 Answer

Related questions