CSS: How to make lists start with other symbols?

If you want to do without the typical bullet points and put alternative html symbols in front of a list, these code lines will bring the desired success.

ul {
  list-style: none;
}

ul li:before {
  content: '✓';
}

Alternatively, ASCII symbols can be used directly. With the following CSS code, the double arrow can be displayed.

/* \0020 provides here for distance between the symbol and following list text */
ul li:before {
     content: "\00BB \0020";
}
Without cookies
This website does not use cookies or tracking. More information can be found in the privacy policy.