Skip to content

Instantly share code, notes, and snippets.

@fuddl
Created October 3, 2014 08:26
Show Gist options
  • Save fuddl/75c27b2c719085e02842 to your computer and use it in GitHub Desktop.
Save fuddl/75c27b2c719085e02842 to your computer and use it in GitHub Desktop.
creeative commons icons using inline css only
<span title="Creative Commons" style="border: 3px solid black; border-radius: 50%; line-height: 1.5em; width: 1.5em; display: inline-block; text-align: center; font-family: sans-serif; font-weight: bold">cc</span>
<span title="No Derivative Works" style="border: 3px solid black; border-radius: 50%; line-height: 1.5em; width: 1.5em; display: inline-block; text-align: center; font-family: sans-serif; font-weight: bold">=</span>
<span title="Non commercial" style="border: 3px solid black; border-radius: 50%; line-height: 1.5em; width: 1.5em; display: inline-block; text-align: center; font-family: sans-serif; font-weight: bold; position: relative">$&#823;<span style="display: block; height: 100%; width:.2em; background-color: black; position: absolute; top: 0; left: 50%; margin-left:-.1em; transform: rotate(45deg)"></span></span><
<span title="Creative Commons" style="border: 3px solid black; border-radius: 50%; line-height: 1.5em; width: 1.5em; display: inline-block; text-align: center; font-family: sans-serif; font-weight: bold">🚹</span>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment