CSS Circle

by Kyle Mitofsky

HTML

<h1>.numberCircle</h1>
<div class="numberCircle">1</div>
<div class="numberCircle">2</div>
<div class="numberCircle">3</div>
<div class="numberCircle">4</div>
<div class="numberCircle">5</div>
<div class="numberCircle">6</div>


<h1>Hexidecimal</h1>
<div class="larger">
    &#9312;
    &#9313;
    &#9314;
    &#9315;
    &#9316;
    &#9317;
</div>













<!-- Post Info -->
<div style='position:fixed;bottom:0;left:0;background:lightgray;width:100%;'>
    About this SO Question: 
    <a href='http://stackoverflow.com/q/25650553/1366033'>
        How to Pass Numbers in Bootstrap 3 Glyphicons
    </a>
</div>

CSS

.numberCircle {
    border-radius: 50%;
    behavior: url(PIE.htc); /* remove if you don't care about IE8 */
    width: 36px;
    height: 36px;
    padding: 8px;
    background: #fff;
    border: 2px solid black;
    color: black;
    text-align: center;
    font: 32px Arial, sans-serif;
    display: inline-block;
}

.larger {
    font-size: 32px
}