如何在较大的按钮下放置两个较小的按钮- html、css

<div class="large-button">
  较大的按钮
  <div class="small-button">较小的按钮1</div>
  <div class="small-button">较小的按钮2</div>
</div>

.large-button {
  width: 200px;
  height: 100px;
  background-color: #f0f0f0;
  text-align: center;
  line-height: 100px;
}

.small-button {
  display: inline-block;
  width: 80px;
  height: 40px;
  background-color: #c0c0c0;
  margin: 10px;
  line-height: 40px;
  text-align: center;
}