Как сделать список в 2 и больше колонок на CSS и HTML

#CSS #Вебмастеринг #сайтостроение #HTML #Frontend #Список
❓Задача. Часто необходимо сделать список в две колонки. Эту задачу можно решить несколькими способами.
✅ Решение 1. Через свойство float и display.
.my-class li {
display:block;
width:49%;
float:left;
}
✅ Решение 2. Для вывода списка по несколько колонок можно использовать CSS3-свойства
column-count или column-width. Первое — задет количество колонок, а второе — ширину колонки и таким образом заполняет свободное пространство. А свойство column-gap задет интервал между колонками (по-умолчанию — 1 1em). данные свойства можно применяь не только к спискам но и другим тегам.
ul style="column-count: 3"
(см. статью)
💾 https://wpcraft.top/?p=2292

Как сделать список в 2 и больше колонок на CSS и HTML - 934516516394

Комментарии

Комментариев нет.