Я хотел бы отобразить список элементов в нескольких столбцах без указания количества столбцов и просто позволить браузеру добавить больше столбцов, чтобы все элементы соответствовали.
Я пытался адаптировать эту статью , но элементы только перечислены в виде длинного списка из одной колонки:
<head>
<STYLE type="text/css">
ul.columns {
float: left;
width: 12em;
margin: 20px 0 1em;
padding: 0;
list-style: none;
}
li.columns {
float: left;
width: 6em;
margin: 0;
padding: 0;
list-style: none;
}
</STYLE>
</head>
<body>
<ul class="columns">
<li class='colums'>test</li>
<li class='colums'>test</li>
<li class='colums'>test</li>
<li class='colums'>test</li>
<li class='colums'>test</li>
</ul>
Любой эксперт по CSS может сказать мне, что не так с вышесказанным?