title: how to center text html css
body: <p>i want to make the text "TITLE" in this html and css code,</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>#headerf {
    background-color: #717571;
    overflow-x: hidden;
    position: fixed;
    z-index: 99999;
  }
  .headert {
    position: fixed;
    z-index: 9999999;
    width: 100%;
    height: 60px;
    top: 0px;
  }
  .headert h3 {
    text-align: center;
    color: white;
    margin-top: 30px;
    display: inline-block;
  }
  .headert a.h-left {
    float: left;
    color: white;
    font-size: 1.5em;
    margin-left: 1em;
    margin-top: 30px;
    position: relative;
    display: inline-block;
  }
  .headert a.h-right {
    float: right;
    color: white;
    margin-top: 30px;
    position: relative;
    margin-right: 1em;
    font-size: 1.5em;
    display: block;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="headerf" class="headert"&gt;
    &lt;a href="#" class="h-left"&gt;LEFT&lt;/a&gt;
    &lt;h3&gt;TITLE&lt;/h3&gt;
    &lt;a href="#" class="h-right"&gt;RIGHT&lt;/a&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>or this <a href="http://jsfiddle.net/didinz/6vp34frd/" rel="nofollow">http://jsfiddle.net/didinz/6vp34frd/</a></p>
  
  <p>i have done everything i know but it still doesnt work(and become worse)
  and i'm stuck
  Thanks in advance guys ^_^</p>