еб-страница имеет «тонкий» список: например, список из 100 элементов по одному слову в каждом. Чтобы уменьшить прокрутку, я хочу представить этот список в двух или даже четырех столбцах на странице. Как я должен сделать это с помощью CSS?

<ul>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
    <li>Item</li>
</ul>

Я предпочитаю, чтобы решение было гибким, поэтому, если список увеличится до 200 пунктов, мне не придется делать много ручных настроек, чтобы приспособить новый список.