HTML and Music Captions

Just put together some things, and thought I’d share:

View Demo

/*puts note before and after p (paragraph tag)*/
p:before {content:"\266A ";}
p:after {content:" \266A ";}
/* other before/after css tricks */
blockquote:before { content:open-quote; }
blockquote:after { content:close-quote; }
a:after { content: " (" attr(href) ")"; }

I've got a lovely bunch of coconuts

Hex Note: ♪
ASCII Note: ♪

♪
♪

Description	Character (click)	Code Decimal	Code Hex
Musical symbols
Quarter note	♩	♩	♩
Eighth note	♪	♪	♪
Beamed eighth notes	♫	♫	♫
Beamed sixteenth notes	♬	♬	♬
Flat sign	♭	♭	♭
Natural sign	♮	♮	♮
Sharp sign	♯	♯	♯

http://www.danshort.com/HTMLentities/index.php?w=music

Advertisement