Skip to content

Instantly share code, notes, and snippets.

@gaving
Created March 11, 2010 07:19
Show Gist options
  • Save gaving/328928 to your computer and use it in GitHub Desktop.
Save gaving/328928 to your computer and use it in GitHub Desktop.
a.tag {
display: block;
float: left;
height: 19px;
padding: 0 2px 0 0;
background: url(http://cdn.last.fm/flatness/icons/tag/1/globaltag_right.png) no-repeat right top;
color: #fff;
font-size: 11px;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
}
a.tag:hover {
text-decoration: none;
background-position: right bottom;
color: #fff;
}
a.tag span {
display: block;
float: left;
height: 15px;
padding: 1px 7px 3px 19px;
background: url(http://cdn.last.fm/flatness/icons/tag/1/globaltag_left.png) no-repeat left top;
line-height: 15px;
vertical-align: top;
white-space: nowrap;
}
a.tag:hover span {
background-position: left bottom;
}
<p style="display: inline-block; margin-top: 10px;">
<a href="/tag/indie" class="tag" style="margin-right: 5px;"><span>indie</span></a>
<a href="/tag/experimental" class="tag" style="margin-right: 5px;"><span>experimental</span></a>
<a href="/tag/anticon" class="tag" style="margin-right: 5px;"><span>anticon</span></a>
<a href="/tag/german" class="tag" style="margin-right: 5px;"><span>german</span></a>
</p>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment