Разрыв строки на столбцах, кратных столбцу

Question

.multiplecolonnes {
    width:250px;
    -moz-column-width:300px;
    -webkit-column-width:300px;
    column-width:300px;
    height:45em;
}
.multiplecolonnes {
    padding:-1000;
    counter-reset:lis;
}  
.multiplecolonnes {
    counter-increment:lis;
    content:' ' counter(lis);
}

<div class="panel-body panel-body-non-repetitive">
    <div id="previewHtml" class="multiplecolonnes" style="font-size: <?php echo ($taille_police);?>;">
    <?php echo (html_entity_decode($str));?>
    </div>
</div>

https://jsfiddle.net/kn05cy1p/ У меня есть этот код, который позволяет мне отображать мой текст в нескольких столбцах

Высота которого предопределена. Однако, когда имеется более 3 трех столбцов, я хотел бы go вернуться к строке. Потому что в настоящее время вот результат

Несколько столбцов

Я много чего пробовал, но не могу сделать разрыв строки. Как я могу это сделать?

Спасибо за вашу помощь.