Fancy Checkmark Icons

ul li{
list-style-type:none;
padding: 0 0 0 45px;
position:relative;
}
ul li:before{
content:”\00a0″;
display: block;
border: solid 9px #000;
border-radius: 9px;
-moz-border-radius: 9px;
-webkit-border-radius: 9px;
height: 0;
width: 0;
position: absolute;
left: 7px;
top: 40%; /*14px*/
margin-top: -8px;
}
ul li:after{
content:”\00a0″;
display:block;
width: 3px;
height: 6px;
border: solid #fff;
border-width: 0 2px 2px 0;
position:absolute;
left: 14px;
top: 40%; /*14px*/
margin-top: -4px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
}

Leave a Reply

Your email address will not be published. Required fields are marked *