title: mat-tab-group - Aligns items to the center, right and left
body: <p>It is possible to align the center, the right and the left, buttons using mat-tab-group?
  I'm using mat-tabs. How can I put elements with the name left on the left, elements like the center name on the center and elements with the name right on the right?</p>
  
  <p>I tried to use this <code>mat-align-tabs="center"</code> to center some elements, but even this didn't work.</p>
  
  <p>I used the following, but it only worked in one case ... I can't align the items in the three sections (center, right and left).</p>
  
  <pre><code>.mat-tab-labels {
      display: flex;
      justify-content: center !important;
  }
  </code></pre>
  
  <p>Can someone help me to place the elements on the left, in the center and on the right and make all the buttons fit on the screen?</p>
  
  <p><a href="https://stackblitz.com/edit/angular-m96nda?file=src%2Fapp%2Fapp.component.html" rel="nofollow noreferrer">DEMO</a></p>
  
  <p><strong>code</strong></p>
  
  <pre><code>&lt;mat-sidenav-container fxFlexFill&gt;
      &lt;mat-sidenav-content fxFlexFill&gt;
          &lt;mat-tab-group mat-align-tabs="center"&gt;
              &lt;mat-tab label="Left"&gt;Content 1&lt;/mat-tab&gt;
              &lt;mat-tab label="Left"&gt;Content 2&lt;/mat-tab&gt;
              &lt;mat-tab label="Center"&gt;Content 3&lt;/mat-tab&gt;
              &lt;mat-tab label="Center"&gt;Content 4&lt;/mat-tab&gt;
              &lt;mat-tab label="Center"&gt;Content 5&lt;/mat-tab&gt;
              &lt;mat-tab label="Center"&gt;Content 6&lt;/mat-tab&gt;
              &lt;mat-tab label="Right"&gt;Content 7&lt;/mat-tab&gt;
              &lt;mat-tab label="Right"&gt;Content 8&lt;/mat-tab&gt;
              &lt;mat-tab label="Right"&gt;Content 9&lt;/mat-tab&gt;
              &lt;mat-tab label="Right"&gt;Content 10&lt;/mat-tab&gt;
              &lt;mat-tab label="Right"&gt;Content 11&lt;/mat-tab&gt;
          &lt;/mat-tab-group&gt;
      &lt;/mat-sidenav-content&gt;
  &lt;/mat-sidenav-container&gt;
  </code></pre>
  
  <p><strong>Example</strong></p>
  
  <p><a href="https://i.stack.imgur.com/tGBCw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/tGBCw.png" alt="image"></a></p>