css - side by side div - left div is not positioned correctly -

i'm trying put 2 divs side side using following code. works can see here:

  div.keep-row-together {       overflow-x: hidden;       white-space: nowrap;   }   div.keep-row-together [class*="span"] {       display: inline-block;       float: none; /* - disabled having issue in firefox */   } 

but when put js grid right div left div moves down (at least in chrome , firefox). idea have change? here plnkr.

add divs

vertical-align: bottom;