title: two tabs vertical & horizontal - Not working Mat tabs
body: <p>I was able to create vertical material tab with my below code but I want is inside vertical tab i need an horizontal tab </p>
  
  <p>When I tried using below code both showing in vertical tabs Here is my code and here is my Stackblitz url.</p>
  
  <pre><code>&lt;div class="container"&gt;
        &lt;div id="content"&gt;
          &lt;div id="main-content"&gt;
            &lt;mat-tab-group&gt;
              &lt;mat-tab label="Tab One"&gt;
                Tab One Content
              &lt;/mat-tab&gt;
              &lt;mat-tab label="Tab Two"&gt;
              &lt;mat-tab-group&gt;
              &lt;mat-tab label="First"&gt; Content 1 &lt;/mat-tab&gt;
              &lt;mat-tab label="Second"&gt; Content 2 &lt;/mat-tab&gt;
              &lt;mat-tab label="Third"&gt; Content 3 &lt;/mat-tab&gt;
            &lt;/mat-tab-group&gt;
              &lt;/mat-tab&gt;
            &lt;/mat-tab-group&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>Here is the stackblitz  <a href="https://stackblitz.com/edit/angular-material2-vertical-tabs?file=src%2Fapp%2Fapp.component.html" rel="nofollow noreferrer">link</a></p>