Skip to content

Instantly share code, notes, and snippets.

@calebgrove
Created January 30, 2014 19:02
Show Gist options
  • Save calebgrove/8716341 to your computer and use it in GitHub Desktop.
Save calebgrove/8716341 to your computer and use it in GitHub Desktop.
Style <li> Numbers
ol { counter-reset: item; }
li {
display: block;
&:before {
// create the numbers & increment...
content: counter(item) ".";
counter-increment: item;
// correct positioning...
float: left;
padding-right: 0.3em;
// let's style them!
font-weight: 700;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment