Height of left and right sides are uneven - CSS -


with following code, i'm trying leftside , rightside same height despite fact have lots of info on left , little bit on right. want there vacant space under text on rightside. have coded wrong or missing something? thanks.

#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> 

remove display: inline-table; #leftside


Comments

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -