<h1>Dice &#x2680; &#x2681; &#x2682; &#x2683; &#x2684; &#x2685;</h1>
<ol class="dicey">
<li>I rolled a one.</li>
<li>I rolled a two.</li>
<li>I rolled a three.</li>
<li>I rolled a four.</li>
<li>I rolled a five.</li>
<li>I rolled a six.</li>
</ol>
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;}
ol {margin-left:40px;margin-top:0;padding-top:0;font-size:1.5em;
		list-style:decimal url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);}

.dicey li {margin-left:35px;position:relative;margin-bottom:0.25em;}
.dicey li:nth-child(1n):before {position:absolute;left:-1em;}
.dicey li:nth-child(1):before {content: "\2680";}
.dicey li:nth-child(2):before {content: "\2681";}
.dicey li:nth-child(3):before {content: "\2682";}
.dicey li:nth-child(4):before {content: "\2683";}
.dicey li:nth-child(5):before {content: "\2684";}
.dicey li:nth-child(6):before {content: "\2685";}

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/normalize/6.0.0/normalize.min.css

External JavaScript

This Pen doesn't use any external JavaScript resources.