Как выстроить в 3 колонки?

Question

[megazvero]

в первом и втором- по 5 элементов
в третьем 4
https://jsfiddle.net/mp65ykb9/

Comments

[megazvero]

Ankhena, если так делать ( https://jsfiddle.net/mp65ykb9/1/ ), то результат не такой
у xdevelx результат такой , как нужен

[Ankhena]

megazvero, итем это элемент.
Сами попробуйте прочитать что написали в вопросе и понять.
То что вы хотели, называется столбец.

Идея с columns перестанет работать так как вам нужно после того, как сумма высот элементов в столбце будет перестанет быть примерно одинаковой.

[megazvero]

Ankhena, согласен
вопрос был задан некоректно

Answer 1

[xdevelx]

Так?

https://codepen.io/xdevelx/pen/ExjpGJB

3 итема

горизонтально или вертикально? Если горизонтально, то в чем проблема выводить по 20%? Если вертикально, то css columns.

Comments

[megazvero]

xdevelx, да
спасибо

то что нужно

[megazvero]

xdevelx, а есть есть способ ? или тут только css columns? чисто интересно

[xdevelx]

megazvero, Если не делать доп обертки для каждой колонки, то только css columns

[megazvero]

xdevelx, понял. спасибо

Answer 2

[an_tropa]

Ответ будет таким же исчерпывающим как и описание к вашей задачи:

Здесь решение

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
</ul>
<ul>
  <li>6</li>
  <li>7</li>
  <li>8</li>
  <li>9</li>
  <li>10</li>
</ul>
<ul>
  <li>11</li>
  <li>12</li>
  <li>13</li>
  <li>14</li>
</ul>
<div class="clearfix"></div>

ul {
  float: left;
  display: block;
}
.clearfix {
  clear: both;
}

Comments

[Ankhena]

Хоть бы флексы рекламировали. Флоатам учить людей совсем жестоко, поверит же еще.

[an_tropa]

Ankhena, думаю, что человеку который ищет помощи с данной задачей знакомство с флексами еще рано. Возможно ошибаюсь.

[megazvero]

an_tropa, очень смешно
извиняюсь за некорректный вопрос
обновил

[Ankhena]

an_tropa, не рано. Учить неправильному плохо в любом случае.
Да еще и с clearfix'ом пустым дивом.

[megazvero]

an_tropa, ну как бы можно тут и выстроить флексами
но тут требование - не делать еще обертки

[an_tropa]

Ankhena, вы правы, column-count или флекс более правильное решение.

megazvero, Ни в коем случае не смеялся, сам в этом деле не далеко ушел.