Как объединить float:left и float:right в одном ряду?

Question

[Максим Иванов]

https://jsfiddle.net/pmn326Lm/2/

Answer 1

[HamSter]

body {overflow: hidden; }

* {box-sizing: border-box;}

Answer 2

[0xD34F]

box-sizing

Comments

[Максим Иванов]

А не подскажете заодно, как зафиксировать размер объекта, чтобы при прокрутке (уменьшении/увеличении) размера экрана, размер объекта не расплывался?
Думал, display:block, но нет.

[0xD34F]

Максим Иванов, что зафиксировать, где? Уточните вопрос.

[Максим Иванов]

0xD34F, Я задал width:50% для обоих объектов, которые поместил в один ряд. Получилось так, что у одного объекта больше height, потому что текста там больше. Пытался как-то выравнять второй блок, прикинув примерные размеры, чтобы одинаково было, но при уменьшении/увеличении размера страницы, это все расползается и не ровно. Можно ли как-то сделать, чтобы их высота была одинаковая?

[0xD34F]

Максим Иванов, ну, можно выставить высоту 100%.

[Максим Иванов]

0xD34F, Это единственный выход? Просто много места занимает.

[Dymok]

Максим Иванов, для этого лучше использовать flexbox

[0xD34F]

Максим Иванов, не единственный, можно задать определённую высоту.

[Максим Иванов]

0xD34F, Спасибо!!!