title: IE9 text-overflow: ellipsis; not working with text-align: center;
body: <p><img src="https://i.stack.imgur.com/GzSqf.png" alt="IE9 text-overflow: ellipsis; problem with text-align: center;"></p>
  
  <p>As you can see the first <code>.</code> gets over the last <code>6</code> and only on <code>IE9</code>.</p>
  
  <p>Any workarounds?</p>
  
  <p><strong>NOTE:</strong></p>
  
  <pre><code>&lt;div class="truncate"&gt;666&lt;/div&gt;
  
  div { text-align: center; /* NOTE: The text should be on center. */ }
  .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/MvaGe/4/" rel="nofollow noreferrer">http://jsfiddle.net/MvaGe/4/</a></p>