title: how to center a title in mat card?
body: <p>after I make my matcard size height to 10px, the title is out of position and it's not located right in the middle of the card anymore. I tried to use position and top in the css but nothing work. any suggestion or help will be really appreciated.</p>
  <pre><code>    &lt;mat-card class=&quot;alert&quot; *ngIf=&quot;showBroadcast&quot;&gt;
        &lt;mat-card-title *ngFor=&quot;let help of broadcastText | async&quot;&gt;
            &lt;p style=&quot;font-size: 15px; color: black; top: 194px;&quot;&gt;{{getMessage(help)}}&lt;/p&gt;
        &lt;/mat-card-title&gt;
      &lt;/mat-card&gt;
  
  </code></pre>
  <pre><code>.alert{
    margin-bottom: 10px;
    background-color:  #D2232B;
    border-radius: 6px;
    opacity: 1; 
    height: 10px;
  }
  </code></pre>
  <p><a href="https://i.stack.imgur.com/SGLi1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SGLi1.png" alt="enter image description here" /></a></p>