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

[butik]

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

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

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

[npofopr]

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

[butik]

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

[npofopr]

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

[butik]

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

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

Edited May 2, 2017 by butik

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

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

Edited May 15, 2017 by Даниил Виттманн

[Schamil74]

Всеми?

[Dzhem]

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

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

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