Почему в футере 2 блока не встаю на места?

Question

[Mavran]

Есть блок footer-parts с размером 1325px в ширину и внутри его есть 3 блока left-footer у которого ширина 1210, и есть question-block и technical-support с размеров в ширину и высоту 55x45px.
Проблема в то то что футер не хочет быть вот таким . Объясните тупому что не правильно делаю.
jsfiddle.net/73cwpv62

Answer 1

[Павел]

jsfiddle.net/73cwpv62/1

Comments

[Mavran]

Так же в чем была проблема? oO Что-то я даже не понял

[Павел]

Mavran: используя float, его нужно ставить ко всем элементам "линии".
А по-хорошему, стоит использовать либо inline-block (но тут геморрой с отступами), либо flex (но тут геморрой с поддержкой), либо таблицу (как бы это не прискорбно звучало), либо имитацию таблицы (display: table-cell, но см. поддержку браузерами)

[Mavran]

Carduelis: Ясно, спасибо вам большое!

Answer 2

[Роман]

ну если уже используете float, то делайте это правильно. У вас же широкая часть футера - обычный блок, добавьте к нему флоат.

Answer 3

[Obulochnikov]

Я бы обошелся без флоатов!
https://jsfiddle.net/73cwpv62/16/

Comments

[Роман]

поддерживаю. вариант более правильный