JSFiddle - React, Tailwind, and code Playground

HTML

<mat-card class="card-initials">
    <div>
      <mat-card-header>
          <mat-card-title >Awe</mat-card-title>
        </mat-card-header>

        <mat-card-content>
        <p>Awe</p>
        </mat-card-content>

        
    </div>
</mat-card>

CSS

.card-initials{
    width: 200px;
    height: 200px;
    float: right;
    margin: 15px;
    border:1px solid black;
}

.card-initials div{
    width: inherit;
    height: inherit;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items:center
}