外部元素内部的长宽比

Question

.outer {
  border: 1px solid red;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.inner {
  border: 1px solid blueviolet;
  width: 5%;
  display: inline-block;
}

.cinema-hall-seats {
  width: 100%;
  height: 450px;
  margin-top: 48px;
}

<div class="cinema-hall-seats">
  <div class="outer" *ngFor="let place of hallPlace; let i = index">
    <div [hidden]="spot % 5 === 0" class="inner" *ngFor="let spot of place; let j = index">
      <span>{{spot}}</span>
    </div>
  </div>
</div>

我尝试将宽度设置为与high相同，然后尝试添加到.inner class padding-top中：5％，但是它不起作用。我的问题是如何设置相同的宽度和较高的内部div元素？