CSS two horizontal divs equal height

Question

<div>
   <div>
     hello1
   </div>
   <div>
     hello2
   </div>
</div>

I want the two inner div 's to take/fill up the whole space of the outer div (height/vertically). But both inner div 's should have the equal height

Answer 1

You can use CSS' flexbox , see my example below:

 .row { display: flex; } .col { border: 1px solid; flex: 1; }

 <div class="row"> <div class="col"> hello1 </div> <div class="col"> hello2<br> same height! </div> </div>