Skip to content

Instantly share code, notes, and snippets.

@cassianorabelo
Forked from anonymous/index.html
Created March 5, 2013 13:01
Show Gist options
  • Save cassianorabelo/5090163 to your computer and use it in GitHub Desktop.
Save cassianorabelo/5090163 to your computer and use it in GitHub Desktop.
<div>
<ul>
<li><a href="#">Lorem</a></li>
<li><a href="#">Aliquam</a></li>
<li><a href="#">Vestibulum</a></li>
</ul>
</div>
* {
margin:0px;
padding:0px;
}
div {
text-align:center;
}
ul {
display: inline-block;
list-style:none;
background-color:orange;
margin:20px;
padding:20px;
border-radius:12px;
}
li {
float:left;
margin:0px;
}
li + li {
margin-left:20px;
}
a {
-webkit-transition: all 0.5s;
transition: all 0.5s;
color:white;
display:block;
text-decoration:none;
padding:10px 15px;
background-color:grey;
border-radius:12px;
}
a:hover {
color:black;
background-color:red;
border-radius:6px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment