title: How to replace a text-align: -webkit-center?
body: <p>The use of webkit CSS properties is not recommended due the non-standarized. Refactoring some code I've found I'm using a <code>text-align: -webkit-center</code> in my CSS:</p>
  
  <pre><code>.wrap-block {
      text-align: -webkit-center;
  }
  </code></pre>
  
  <p>in order to center some blocks of text:</p>
  
  <pre><code>p {
      max-width: 200px;
      text-align: justify;
  }
  </code></pre>
  
  <p>in a structure similar to this one:</p>
  
  <pre><code>&lt;div class="main-block"&gt;
      &lt;div class="wrap-block"&gt;
          &lt;p&gt;Some random text&lt;/p&gt;
          &lt;img ... /&gt;
          &lt;p&gt;...&lt;/p&gt;
          &lt;blockquote&gt;Unlimited width for this&lt;/blockquote&gt;
          &lt;p&gt;...&lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/sdg35y69/" rel="nofollow">This fiddle</a> shows an example.</p>
  
  <p>How to get rid of this webkit property? How to replace using standard HTML or CSS?</p>