[DLE]Вывод новостей в несколько колонн

[Mewow]

Привет всем!

В общем, как известно в DLE новости выводятся в 1 колонну. Так вот хочу что бы новости выводились в 3 колонки, а с телефона в 2 или 1

Но для начала хотел вывести хотя бы просто в 3 колонны

В интернете говорят это делается просто через 
float: left;

width :  33%;

и в целом это работет, но вот так:

всё вылезает из div почему то

 ещё говорят это можно сделать заменив строки кода сms но какие я не нашёл.

изначально была идея сделать это с помощью flexbox, но он видать не работает с тегами dle: 

Структура кода такая: <div class="content"> 

{info}{content}

</div>

когда даю классу "content" display: flex; то в shortstory дивы никак не реагируют и не меняют своё положение что бы я не делал
Может кто нибудь знает решение? Было бы отлично, что бы оно было сразу адаптивное. Если есть вопросы, то спрашивайте
 

Edited February 22, 2018 by Mewow

[Super_Saimon]

В первом вашем варианте не хватает "clearfix".  При float блоки, обладающие этим свойством, выпадают из потока, и родитель не видит их.А значит-сжымается по высоте как пустой, height: 0 в вашем случае. Так вот родителю не хватает  clearfix. 

Edited February 23, 2018 by Super_Saimon