CSS: how to center a text with a font icon?
<p>I have built a round div. I want to realize that the number text can horizontally center in the div, and the font icon locates in its top right corner, how to realize that? 
The div definition is :</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>   .rating-score {
        position: absolute;
        top: 10px;
        left: 10px;
        width: 50px;
        height: 50px;
        line-height: 50px;
        display: block;
        text-align: center;
        border-radius: 50%;
        color: #fff;
        font-size: 20px;
        background-color: #ff6666;
        color: #fff;
    }

    .question-mark {
        font-size: 12px;
    }</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet"/&gt;
&lt;div class="rating-score"&gt;
    8.9&lt;span class="fa fa-question-circle question-mark"&gt;&lt;/span&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>

<p>I have build a jsfiddle here:
    <a href="https://jsfiddle.net/zwoz6az7/#" rel="nofollow">round div with text and font icon</a></p>