title: How to align left and right text mat-card-header in angular 4?
body: <p>I need to align the text content in the header on left and right side of header tag. i tried different ideas, but none works for me. help me.</p>
  
  <pre><code> &lt;div style="width: 40%"&gt;
    &lt;mat-card&gt;
      &lt;mat-card-header class="card-container"&gt;
        &lt;mat-card-title class="card-container-right"&gt; Test right&lt;/mat-card-title&gt;
        &lt;mat-card-title class="card-container-left"&gt; Test left&lt;/mat-card-title&gt;
      &lt;/mat-card-header&gt;
      &lt;mat-card-content&gt;
      &lt;/mat-card-content&gt;
    &lt;/mat-card&gt;
  &lt;/div&gt;
  </code></pre>