title: Center align md-tab-group Header Labels
body: <p>I want to center my tab bar where the labels are displayed so that i can add a side bar on the left that is connected to the tabs.Here's my code:</p>
  
  <pre><code> &lt;div class="flex-container"&gt;
  
    &lt;div class="flex-item1"&gt;
      &lt;md-tab-group&gt;
      &lt;md-tab label="PERSONAL"&gt;Personal content&lt;/md-tab&gt;
        &lt;md-tab label="SOCIAL"&gt;Social content&lt;/md-tab&gt;
  
        &lt;md-tab label="BUSINESS"&gt;Business content
  
          &lt;b-app&gt;&lt;/b-app&gt;
        &lt;/md-tab&gt;
      &lt;/md-tab-group&gt;
    &lt;/div&gt;
  
  
  &lt;div class="flex-item2"&gt;
    &lt;div class="item item-5" fxLayout="column"&gt;
      &lt;md-input-container class="search-area"&gt;
      &lt;input mdInput placeholder="search" &gt;
      &lt;!--md-icon svgIcon="thumbs-up"&gt;&lt;/md-icon--&gt;
      &lt;/md-input-container&gt;
  
    &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p></p>