Высота левая и правая сторона неровная - CSS

Question

С помощью следующего кода я пытаюсь получить левостороннего и 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

Удалить display: inline-table; из #leftside