side by side div - left div is not positioned correctly

Question

I'm trying to put two divs side by side using the following code. Basically it works as you 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 as having issue in firefox */
  }

But when I put a js grid into the right div the left div moves down (at least in Chrome and Firefox). Any idea what I have to change? Here is the plnkr .

Answer 1

添加到您的div

vertical-align: bottom;