Из-за чего div'ы не ставятся в строку?

Question

[vohaha]

Нужно что бы два блока стали вот таким вот образом (выделены красным):

в коде классы: class="b-mainNews" и class="b-mainNews-sideBar"
codepen.io/vohaha/pen/zyKek
Почему не получается расположить с помощью float?

Comments

[Юрий Лобанов]

Так что, автор, куда пропали?

Answer 1

[Юрий Лобанов]

А Вы не ленитесь, оформите нормально пример. Потому что Ваш пример — это помойка. Вы просто скопировали код и кинули его как есть. В таком случае лучше кинуть ссылку на сайт. Гарантирую, при оформлении примера, когда уберете все лишнее, сами найдете ошибку. Ну и подучите азы, оперировать понятием строки, когда говорите о float неправильно.
Приведенные в пример классы b-mainNews и b-mainNews-sideBar у Вас не стоят рядом, а один вложен в другой, чего Вы хотите — не ясно.

Answer 2

[realt]

<div style="position:releative; display:inline-block; margin-left:ваше значение; margin-right:ваше значение></div>

попробуйте.
Или же position:absolute