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
Post a Comment