nav with sub menus

by J. Albert Bowden

HTML

<nav>
    <ul>
        <li><a href="" title="">link</a>
            <ul>
                <li><a href="" title="">link</a></li>
                <li><a href="" title="">link</a></li>
                <li><a href="" title="">link</a></li>
                <li><a href="" title="">link</a></li>
            </ul>
        </li>
        <li><a href="" title="">link</a>
            <ul>
                <li><a href="" title="">link</a></li>
                <li><a href="" title="">link</a></li>
                <li><a href="" title="">link</a></li>
                <li><a href="" title="">link</a></li>
            </ul>
        </li>
        <li><a href="" title="">link</a>
            <ul>
                <li><a href="" title="">link</a></li>
                <li><a href="" title="">link</a></li>
                <li><a href="" title="">link</a></li>
                <li><a href="" title="">link</a></li>
            </ul>
        </li>
        <li><a href="" title="">link</a>
            <ul>
                <li><a href="" title="">link</a></li>
                <li><a href="" title="">link</a></li>
                <li><a href="" title="">link</a></li>
                <li><a href="" title="">link</a></li>
            </ul>
        </li>
        <li><a href="" title="">link</a>
            <ul>
                <li><a href="" title="">link</a></li>
                <li><a href="" title="">link</a></li>
                <li><a href="" title="">link</a></li>
                <li><a href="" title="">link</a></li>
            </ul>
        </li>
    </ul>
</nav>

CSS

nav{margin:10px auto; outline:1px solid #000; width:200px}
nav ul{}
nav a{display:block; margin-top:5px; margin-bottom:5px;}
nav ul ul{display:none}