title: Centering a Display:inline; element
body: <p>I can´t center this element. I believe it is because of display:inline; in the CSS block. Does anyone have an idea?</p>
  
  <pre><code> &lt;p class="mr"&gt;Monatliche Rate  &lt;/p&gt;
   &lt;a class="info"&gt;
   &lt;div class="circle-text"&gt; 
   &lt;div&gt;?&lt;/div&gt;&lt;/div&gt;  
   &lt;span&gt; Netto-Rate&lt;/span&gt;
   &lt;/a&gt;
   &lt;p class="mr"&gt;: 
   &lt;span id="results"&gt;&lt;/span&gt; €&lt;/p&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.mr {
   color: #1d6912;
   font-size: 18px;
   font-weight: bold;
   margin-bottom: 5px;
   margin-top:2px;
  
   text-align:center;
   **display:inline;**
  }
  </code></pre>