title: Center div with link elements
body: <p>I am using a responsive custom Opencart template.I added a div element with "home,contact us,about us" links.
  I am trying to center this div with three link elements but with no success.</p>
  
  <p>This is my html code:</p>
  
  <pre><code>&lt;div class="header-center"&gt;
   &lt;a class="firstlink" href="&lt;?php echo $home; ?&gt;"&gt;&lt;?php echo $text_home; ?&gt;&lt;/a&gt;
          &lt;span class="txtspacer"&gt;    |   &lt;/span&gt;
          &lt;a class="secondlink" href="&lt;?php echo $contact; ?&gt;"&gt;&lt;?php echo $text_contact; ?&gt;&lt;/a&gt;
          &lt;span class="txtspacer2"&gt;    |   &lt;/span&gt;
           &lt;?php foreach ($informations as $information)  {
           if(in_array($information['information_id'], array(4))) {
            ?&gt;
          &lt;a class="thirdlink" href="&lt;?php echo str_replace('&amp;', '&amp;amp;', $information['href']); ?&gt;"&gt;&lt;?php echo $information['title']; ?&gt;&lt;/a&gt;
          &lt;?php
          }
          } ?&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And this css code :</p>
  
  <pre><code>.header-center{
       display: inline-block;
       left: 10%;
       position: relative;
       top: 75px;
       font-weight:bold;
  }
  </code></pre>
  
  <p>I 've tried to put margin:0 auto; and text-align:center: but it doesn't change anything.That's why i use left:10% but it doesn't display correctly for all screens.</p>
  
  <p>*Sorry for my English or other mistakes is my first post.</p>