2张角物料卡彼此相邻？

Question

我想将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>

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

Answer 1

尝试以下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>

CSS：

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

Working_Demo