We don't use CSS generated content as real content, especially not for labels. It is not indexed, it is not accessible, it is not a good idea.
However you could use pseudo-elements to create the markers. That would be appropriate.
You don't have to use JavaScript for such things. Simply use a hidden element after each label (like a span or something), and display the element when hovering the label.
Hi there!
I had this code but need to improve usability and add some requirements.
To prevent line breaks:
white-space: nowrapKind of like this: http://codepen.io/pen/
Sorry...only had a couple of minutes so it's pretty rough.
Pretty rough, yes :P
Not sure if trolling or simply linked to wrong URL.
Balls...not sure I saved it.
EDIT...Aha ===>
http://codepen.io/Paulie-D/pen/mCGke
http://codepen.io/nhereveri/pen/jIaJK
OK Hugo, using :pseudo elements is much elegant.
I use JS to push content from JSON into labels.
Content can be static. At least for this project.
But lost the transition on bullets.