zartgesotten
5/4/2018 - 1:00 PM

Colored List markers with CSS BEFORE List dot

li::before
{content: "•"; color: red;
display: inline-block; 
width: 1em;
margin-left: -1em
/*Margin left is VERY important to mimic list-style-position:outside*/
}
content: "\25a0";  --> large square
content: "\25AA";  --> small square
content: "\21e2"; --> dotted Arrow right
content: "\2794"; -- heavy arrow right