Расположение блоков, с помощью html и css

[butik 0]

Здравствуйте.

Подскажите пожалуйста как можно расположить div блок справо от превью новостей?

Пример изобразил на картинке.

[npofopr 383]

float: right; разве не срабатывает? 

[butik 0]

DIV тогда наползает либо наверх либо под. Предполагаю изза того что он находится вне списка, тоесть не внутри ul

[npofopr 383]

Как то так можно https://jsfiddle.net/npofopr/3umza5yk/

[butik 0]

Спасибо. Очень похоже на нужный результат. Пробую в шаблоне теперь добавить.

Была задумка еще попробовать с помощью библиотеки masonry.desandro.com

Изменено 2 мая пользователем butik

[Даниил Виттманн 8]

А я предлагаю использовать grid систему она кстати уже поддерживается всеми браузерами http://caniuse.com/#search=grid. Только она сложновата немного, предлагаю прочитать несколько статей (все три части). Думаю вы найдете решение там.
Вот пример https://jsfiddle.net/Wittmann/a3woam88/ . Это сверстано в качестве примера, использовать сразу не рекомендую.

Изменено 15 мая пользователем Даниил Виттманн

[Schamil74 13]

Всеми?

[Dzhem 0]

В 15.05.2017 в 13:00, Даниил Виттманн сказал:

А я предлагаю использовать grid систему она кстати уже поддерживается всеми браузерами http://caniuse.com/#search=grid. Только она сложновата немного, предлагаю прочитать несколько статей (все три части). Думаю вы найдете решение там.
Вот пример https://jsfiddle.net/Wittmann/a3woam88/ . Это сверстано в качестве примера, использовать сразу не рекомендую.

Согласен. Grid'ы отлично подойдут. Да и не особо сложно.