title: How to align navbar to center
body: <p>I want to know how to align navbar contents to center , here is the code that i am using . Actually i don't know what is the problem with the code any help would be greatly appreciated.</p>
  
  <p><a href="https://jsfiddle.net/sjs96/103kbsh6/1/" rel="nofollow noreferrer">Fiddle</a></p>
  
  <pre><code>.tg-navigationarea {
    width: 100%;
    float: left;
    position: relative;
    background: #000;
  }
  
  .tg-nav {
    z-index: 2;
    float: left;
    text-transform: uppercase;
    font: 400 13px/40px 'Open Sans', Arial, Helvetica, sans-serif;
  }
  
  .tg-navigation {
    width: 100%;
    float: left;
    padding: 0;
    line-height: inherit;
  }
  
  .tg-navigation ul {
    margin: 0;
    list-style: none;
    line-height: inherit;
  }
  
  .tg-navigation&gt;ul {
    width: 100%;
    float: left;
  }
  
  .tg-navigation ul li {
    line-height: inherit;
    list-style-type: none;
  }
  </code></pre>