How to create a » bullet?

Question

I have very little experience with coding and am trying to change a bullet from the stock outlined circle to a right quote (&raquo).

This is my code for the current bullet:

<li style="font-family: Helvetica,Calibri,Arial,sans-serif; color: #cbcbcb;"></li>

and I would just like to add "»" into the code.

Solution is also well covered in this question: http://stackoverflow.com/questions/3203252/unicode-character-as-bullet-for-list-item-in-css Please search on SO better. Sorry but downvote for that. — keaukraine, Sep 30 '13 at 15:35

score 1 · Answer 1 · edited Sep 30 '13 at 15:31

1

You can set

ul { list-style: none; }

And then use CSS2 before pseudo-element

ul li:before {
    content: "\00BB";
}

edited Sep 30 '13 at 15:31

keaukraine

answered Sep 30 '13 at 15:27

Jonas Grumann

score 0 · Answer 2 · answered Sep 30 '13 at 15:26

0

You can change with custom bullet from an image. Just create the image with the bullet you want, and use this CSS property:

ul {
  list-style-image: url('bullet.gif');
}

answered Sep 30 '13 at 15:26

CoursesWeb

2 Answers2