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

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



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

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