Здравствуйте. Создаю сайт на ukit'е. В какой-то момент потребовался отдельный раздел с новостями. Их там всё равно немного - четыре новости в день для моей цели более чем достаточно, а потом буду обновлять каждый день. Вот и решил вставлять туда только 4 колонки с ссылками на полную версию, в каждую из них запихнуть div со стилями, а там уже и писать описание и фотографию вставлять.
Решил затестить в визуальном редакторе - работает. Всё показывается. А вот проблемы начались, когда я решил проверить текст...
Вот и затестили... Он переносится на другую колонку.
Привожу код:
<article class="columns-2">
<div class="news"> </div>
<div class="news"> </div>
<div class="news"> </div>
<div class="news"> </div>
</article>
<style type="text/css">.news {
background-color: #228B22;
color: white;
border: 2px solid black;
}
.columns-2 {
column-count: 4;
}
</style>
И сам вопрос - как, блин, сделать так, чтобы он понял: "Окей, вот эти колонки, они отдельно от друг друга, не приплетай одну к другой". Мне нужно сделать их раздельными, чтобы перенос работал без связей.
(Ну или в крайнем случае не мучаться и вписать всё в одну строчку)
Простой
