css - Bullet point won't appear in HTML, instead shows random characters -

css - Bullet point won't appear in HTML, instead shows random characters -

i used "option + 8" write bullet point html document. bullet point appears in dreamweaver programme i'm using jsfiddle shows random characters when seek run html file, so: http://i.imgur.com/oy1heqy.jpg

i'm not sure why happening, or why random character appears in top left hand corner.

jsfiddle

requisite code:

#slide-1 li{ display: inline; width: 400px; color: #b2b2b2; font-family: 'arial', sans-serif; }

you need define bullet point using entity code, either • or •

useful: http://dev.w3.org/html5/html-author/charref

updated jsfiddle: http://jsfiddle.net/thomasmcnaught/djb2q/4/

html css