Skip to content

Instantly share code, notes, and snippets.

@o-nasteka
Last active November 6, 2015 09:41
Show Gist options
  • Save o-nasteka/278d0ebc8f03e311566f to your computer and use it in GitHub Desktop.
Save o-nasteka/278d0ebc8f03e311566f to your computer and use it in GitHub Desktop.
ul {
padding: 0;
margin: 0;
}
li {
display: inline;
position: relative;
}
ul ul {
position: absolute;
display: none;
}
li:hover ul {
display: block;
}
<ul>
<li>
<a href="">Birds</a>
<ul>
<li><a href="">Ratites</a></li>
<li><a href="">Fowl</a></li>
<li><a href="">Neoaves</a></li>
</ul>
</li>
<li>
<a href="">Mammals</a>
<ul>
<li><a href="">Monotremes</a></li>
<li><a href="">Marsupials</a></li>
<li><a href="">Placentals</a></li>
</ul>
</li>
<!-- etc. -->
</ul>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment