HTML/CSS - nav bar Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<html>
    <head>
        <title>Menu Bar</title>
    </head>
    <body>
    <nav>
        <ul>
            <li><a href="#">Home</a></a></li>
            <li><a href="#">News</a></a></li>
            <li><a href="#">Teams</a></a>
                <ul>
                    <li><a href="#">Man Utd</a></a></li>
                    <li><a href="#">Man City</a></a></li>
                    <li><a href="#">Liverpool</a></a></li>
                </ul>
            </li>
            <li><a href="#">About</a></a></li>
        </ul>
    </nav>
        
    </body>
</html>

css

body{
    margin:0;
}   padding:0;
nav ul{
    background-color: blue;
    list-style:none;
    margin:0;
    padding:0;
    position:absolute;
}
nav ul li{
    float:left;
    width:auto;
    margin:0;
}
nav ul li a{
    width:20px;
    color: red;
    display:block;
    font-size:5px;
    padding:1px;
    border-radius:2px;
    text-decoration:none;
}

BROWSER

Console