Flex-box дисплей детей divs рядом

Question

У меня есть .content-container div, установленный на display: flex, и дочерние элементы div (.message-body, .message-action), которые я хочу показать рядом, с элементом .message-action, плавающим вправо.

Вот над чем я работаю: https://codepen.io/anon/pen/ZRZKdZ

Как видите, .message-action div кажется ниже .message-body div.

Answer 1

Вам необходимо использовать flex-direction:row, а не column в контейнере, если вы хотите, чтобы они располагались рядом ( читайте https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction, чтобы узнать больше об этом свойстве ).

( также удалить float:right)

Обновленная ручка: https://codepen.io/anon/pen/qKwjNa