Почему смещаются блоки?

Question

[Ivan Ivanovich]

Здравствуйте. Есть код



Как видите блоки находятся не по середине страницы, хотя я их центрировал, margin-bottom не работает, но самое главное почему смещаются заголовки? Нужно чтобы всё было по центру, а надпись Блок 2 съехала. При уменьшении экрана вообще с блоками магия происходит. Подскажите пожалуйста в чём проблема? Это из-за float?

Подскажите пожалуйста как это исправить без флексов.

Answer 1

[Антон]

https://codepen.io/anon/pen/rXmpqG

Comments

[Ivan Ivanovich]

Антон Спасибо!