Как выровнять блоки?

Question

[minaev007]

https://jsfiddle.net/e78nuwrk/
когда размещаю блок внутри inner1 или inner2 второй сползает вниз. когда размещаю блок внутри inner1 и inner2 одновременно - все хорошо.
Подскажите пожалуйста как сделать так, что бы при размещении, например, блока внутри inner2, inner1 не сползал вниз.
И если можно объясните по простому с чем связано смещение. заранее благодарен за ответы))

Answer 1

[Андрей Токмаков]

Добавьте блоку .inner1 float: left; и блоки встанут нормально

Comments

[Андрей Токмаков]

а происходит это потому что инлайн блоки равняются по базовой линии vertical-align: baseline;

Answer 2

[iBird Rose]

https://jsfiddle.net/e78nuwrk/1/

vertical-align: top;