Html 对齐3个不同分区中的3个按钮对齐

以下是我所拥有的：

我想要的是对齐3个不同父容器中的这些按钮，如我的屏幕截图所示。第三个按钮已经在其div的最底部。第一个和第二个按钮不是，它们应该位于其div中第三个按钮的完全相同位置。如何做到这一点

编辑：html模板（角度）：

选择计划
现行计划

我认为您需要在按钮中提供样式表： style=“位置：绝对；底部：0px”

因此，您的按钮放在所有3个分区的底部。

第三个按钮出错：

<div style="flex: 1;">
      <ng-container *ngIf="data.dialogData.currentP == undefined || !areSamePlans(data.dialogData.currentP.plan, product.plan); else currentPlan">
        <button style="color: white; background-color: purple; font-weight: bold; bottom: 0;"
        mat-raised-button (click)="chooseProduct(product)">CHOOSE PLAN</button>
      </ng-container>
      <ng-template #currentPlan><button mat-button disabled style="color: purple; font-weight: bold;">CURRENT PLAN</button></ng-template>
    </div>