Skip to content

Instantly share code, notes, and snippets.

@davidvanvickle
Created August 2, 2013 14:57
Show Gist options
  • Save davidvanvickle/6140512 to your computer and use it in GitHub Desktop.
Save davidvanvickle/6140512 to your computer and use it in GitHub Desktop.
CSS for a list converted to a menu
nav ul {
list-style-type: none;
float:left;
margin: .5em 0;
padding:0;
}
nav ul li {
list-style-type: none;
list-style-image: none;
list-style-position: outside;
float:left;
margin:0;
padding:0;
}
nav ul li a {
display: inline-block;
background-color: gray;
color: white;
padding: .2em .5em;
margin: 0 .5em .5em 0;
text-decoration: none;
-moz-border-radius: .2em;
-webkit-border-radius: .2em;
-khtml-border-radius: .2em;
border-radius: .2em;
}
nav ul li a:hover {
background-color: silver;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment