Sunday, August 18, 2013

How to make Triangular List Bullets using CSS

How to make Triangular List Bullets using CSS


Here full code of how to make triangular list Bullets:
ul {
margin: 0.75em 0;
padding: 0 1em;
list-style: none;
}
li:before {
content: "";
border-color: transparent #111;
border-style: solid;
border-width: 0.35em 0 0.35em 0.45em;
display: block;
height: 0;
width: 0;
left: -1em;
top: 0.9em;
position: relative;
}

Visit Demo Link here at jsFiddle
Disqus Comments