Вывести список в 2 колонки

[admin]

Иной раз бывает так что имеется длинный (очень длинный) список
 

<div class="wrap">
  <ul>
    <li>.......</li>
    <li>.......</li>
    <li>.......</li>
    <li>.......</li>
    <li>.......</li>
    <li>.......</li>
    <li>.......</li>
    <li>.......</li>
    <li>.......</li>
    <li>.......</li>
    <li>.......</li>
  </ul>
</div>

и хотелось бы его разделить на две колонки
Решается вопрос средствами css

.wrap ul {
  list-style-position: inside;
  -moz-column-count: 2; /* Firefox */
  -webkit-column-count: 2; /* Safari and Chrome */
  column-count: 2;
  height: 200px;
}

*Для отображения на мобильной версии используем медиазапросы