I have a list where I want to add tick symbol before list text. Is there any CSS that can help me to apply this way?
✓ this is my text
✓ this is my text
✓ this is my text
✓ this is my text
✓ this is my text
✓ this is my text
Note: I want this in this type of HTML code
<ul>
<li>this is my text</li>
<li>this is my text</li>
<li>this is my text</li>
<li>this is my text</li>
<li>this is my text</li>
</ul>
You can use a pseudo-element to insert that character before each list item:
Here are three different checkmark styles you can use:
jsFiddle
References:
As an addition:
You can use better made checkmarks https://github.com/encharm/Font-Awesome-SVG-PNG/blob/master/black/svg/check.svg or any other icons from font awesome using
Solution
Try this:
Here you can find all icons you can use: https://github.com/encharm/Font-Awesome-SVG-PNG/tree/master/black/svg