左右两边的高度不均匀 - CSS

Question

使用以下代码，我试图让 leftside 和 rightside 具有相同的高度，尽管我在左侧有很多信息并且右边一点。我希望在右侧的文本下方有空位。我编码错误还是遗漏了什么？谢谢。

#sides {
  padding-bottom: 40px;
  margin-bottom; 40px;
  background-color: white;
}

#leftside {
  width: 62%;
  display: inline-table;
  background-color: #000000;
  float: left;
  padding-right: 20px;
  padding-left: 5%;
  box-sizing: border-box;
}

#rightside {
  width: 38%;
  display: flex;
  background-color: #808080;
  float: left;
  padding-left: 20px;
  box-sizing: border-box;
  flex-direction: column;
}  

<div id="sides">
  <div id="leftside">
    <h1>TONS O' TEXT</h1>
  </div>
  <div id="rightside">
    <h1>TINY AMOUNT OF TEXT</h1>
  </div>
</div>

Answer 1

从#leftside 中删除display: inline-table;