Как выравнять div?

Question

[Максим]

Добрый день.
1) Как прижать друг к другу div'ы (сделать их по центру, именно блоки, а не текст text-align: center)
2) Как сделать, чтобы кнопка оставалась на месте, даже если добавлять строчки текста (при добавлении смещается вниз)

Ссылка на код: https://jsfiddle.net/maxfloyd/Ljptb5d8/

Answer 1

[Dymok]

Забудь про float

Comments

[Максим]

Я так понимаю вы предлагаете использовать flex
Похоже придется углубляться в значения justify-content, flex-direction

Кстати, не вижу разницы, когда убираю flex-direction: column;

[Максим]

Есть проблема. Кнопка занимает 100% высоты, т.е. текст не будет идти до конца block-right.

[Станислав Григорьев]

Максим, https://css-tricks.com/snippets/css/a-guide-to-flexbox/
углубляться не надо ;)

[Dymok]

Максим, кнопка не занимает 100% высоты. Попробуй добавь текста в .block_right - увидишь

[Максим]

Dymok, все потому что я убрал flex-direction: column =)
Вот и разница теперь видна)

[Veronika]

yoksel.github.io/flex-cheatsheet/#display