Html 2张相邻的角材质卡？

我想有2个角材料卡紧挨着对方，但我不知道如何

HTML

<mat-card id="moth-card">
  <mat-card-title>Live Stats</mat-card-title>
  <app-card></app-card>
  <app-card></app-card>
</mat-card>

实时统计

目前，第二个在第一个之下。

请尝试以下CSS：

display: inline-block;

HTML代码：

<mat-card id="moth-card">
  <mat-card-title>Live Stats</mat-card-title>
 <mat-card class="inline-block">
   Part 1
 </mat-card>
 <mat-card class="inline-block">
   Part 2
 </mat-card>
</mat-card>

---

显示：块？

.inline-block {
  display: inline-block;
}