Skip to content

Instantly share code, notes, and snippets.

@billerickson
Last active August 29, 2015 14:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save billerickson/b24d5a14feb98c64a9e3 to your computer and use it in GitHub Desktop.
Save billerickson/b24d5a14feb98c64a9e3 to your computer and use it in GitHub Desktop.
/**
* Styled Ordered List
* @author Bill Erickson
* @link http://www.billerickson.net/code/styled-ordered-list/
*/
.entry-content ol {
counter-reset: li;
list-style: none;
*list-style: decimal;
}
.entry-content ol li {
position: relative;
padding-left: 60px;
min-height: 60px;
}
.entry-content ol li:before {
content: counter(li);
counter-increment: li;
color: #fff;
background: #f07100;
border-radius: 50%;
font-size: 18px;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
display: block;
position: absolute;
top: 0;
left: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment