title: How to center contents of an absolute div horizontally
body: <p>I'm using font awesome library. I would like to put <strong>horizontally center</strong> the Arrow icon. And DIVs must be <strong>absolute</strong> position.</p>
  
  <p>I use this code but it doesn't work. </p>
  
  <pre><code>.arrow {
     left: 0;
     right: 0;
  }
  </code></pre>
  
  <p><strong><a href="http://jsfiddle.net/mehmetdemiray/z6dw4pno/1/" rel="nofollow">JSFiddle Demo</a></strong></p>