我需要在两个组件旁边放一个div。

这是我目前掌握的情况：

<mat-drawer-container class="example-container" autosize>
  <mat-drawer #drawer class="example-sidenav" mode="side">
    <p>Auto-resizing sidenav</p>
    <p *ngIf="showFiller">Lorem, ipsum dolor sit amet consectetur.</p>
    <button (click)="showFiller = !showFiller" mat-raised-button>
      Toggle extra text
    </button>
  </mat-drawer>

  <mat-card>
    <div class="example-sidenav-content">
      <div class="col">
        <button mat-icon-button (click)="drawer.toggle()">
          <mat-icon>menu</mat-icon>
        </button>
        <h3 class="display-5" style="padding-left: 10px;">Main Window</h3>
        <br />
        <div class="col-md-6"><app-main-window></app-main-window></div>
        <div class="col-md-6">This should be beside the two components</div>
      </div>
    </div>
  </mat-card>
</mat-drawer-container>

我下一步可以尝试什么来实现这一目标？