<h1>Music I Love &nbsp;
  <span class="dejavu">&#x266b; &#x266a; &#x266c; &#x266d; &#x266e; &#x266f;</span></h1>
<ul class="music">
<li>Operas of Puccini</li>
<li>Jazz sung by Ella Fitzgerald</li>
<li>Madrigals by Gesualdo</li>
<li>Piano music of Chopin</li>
</ul>

@font-face {font-family: 'dejavu_sansbold';font-weight: normal; font-style: normal;
    src: url('dejavusans-bold-webfont.eot?#iefix') format('embedded-opentype'), 
        url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/358203/dejavusans-bold-webfont.woff') format('woff'), 
        url('dejavusans-bold-webfont.ttf')  format('truetype'),
        url('dejavusans-bold-webfont.svg#svgFontName') format('svg');}
body {font-family:Georgia,"Times New Roman",serif;margin-left:20px;background:white;}
		
h1 {font-family:Arial,"Lucida Sans",sans-serif;font-size:2em;width:90%;
			margin-bottom:30px;margin-left:20px;padding-bottom:10px;border-bottom:4px solid black;}
ul.music {margin-left:40px;margin-top:1px;padding-top:1px;font-size:1.5em;
		list-style:disc url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);}
.music li:before, .dejavu {content: "\266b";position:relative;left:-0.5em;font-family:dejavu_sansbold;}

.music li {margin-bottom:10px;}