Jens A. Koch

Musical Note Symbol as List Bullets

How to use Unicodes for Music Note Symbols as List Bullets?

Ok, here we go. Firstly, select your desired Musical Note Symbol:

2669 = ♩
266A = ♪
266B = ♫
266C = ♬
266D = ♭
266E = ♮
266F = ♯

Secondly, add the musical note symbol as content to a li:before tag.
Instead of adding the symbol directly, you might try escaping the Unicode (“/2669”).
Thirdly, remove the default bullets by applying “list-style-type: none;” to the li tag.
Done!

Comments Off on Musical Note Symbol as List Bullets

Comments are closed.