title: Centre item in menu in Semantic UI
body: <p>Using semantic UI to make a navbar at the top of my page. I would like some items to be left floated, others to be right floated, and one (the website name) to be centered. How can I go about this?</p>
  
  <pre><code>    &lt;div class="ui teal fixed inverted menu compact"&gt;
          &lt;div class="ui container sequenced1"&gt;
  
              &lt;a href="/jobs" class="item"&gt;Home&lt;/a&gt;
  
              &lt;div class="header item"&gt;Centered Name&lt;/div&gt;
              &lt;a href="/login" class="item ui right floated"&gt;Login&lt;/a&gt;
              &lt;a href="/register" class="item"&gt;Sign up&lt;/a&gt;
              &lt;a class="item ui right floated"&gt;Signed in as 
          &lt;/div&gt;
  
      &lt;/div&gt;
  </code></pre>