Как сверстать подобный список в две колонки?

Для сверстывания списка в две колонки вам потребуется использовать CSS-свойство "column-count" или "column-width".

Вариант 1: Использование свойства "column-count"

HTML-код для списка:

<ul class="two-column-list">
  <li>Элемент 1</li>
  <li>Элемент 2</li>
  <li>Элемент 3</li>
  <li>Элемент 4</li>
  <li>Элемент 5</li>
  <li>Элемент 6</li>
  <li>Элемент 7</li>
  <li>Элемент 8</li>
  <li>Элемент 9</li>
  <li>Элемент 10</li>
  <li>Элемент 11</li>
  <li>Элемент 12</li>
</ul>

CSS-код для стилизации списка:

.two-column-list {
  column-count: 2;
}

В этом варианте свойство "column-count" задает количество колонок, на которые будет разделен список. В данном случае, список будет разделен на две колонки.

Вариант 2: Использование свойства "column-width"

HTML-код для списка остается тем же.
CSS-код для стилизации списка:

.two-column-list {
  column-width: 200px; /* Ширина каждой колонки */
}

В этом варианте свойство "column-width" задает ширину каждой колонки списка. В данном случае, каждая колонка будет иметь ширину 200 пикселей.

Оба варианта выше могут быть расширены дополнительными стилями, такими как отступы и границы, чтобы добиться желаемого внешнего вида. Вы также можете использовать комбинацию обоих свойств "column-count" и "column-width", чтобы создать настраиваемый макет списка в две колонки.

Не забудьте добавить префиксы для поддержки различных браузеров, добавив соответствующие вендорные префиксы к CSS-коду.