Мне нужно разделить список на две части. Для этого мне нужно использовать Columns:2 CSS.
Все работает нормально, но когда я даю margin li, разделенный список получает больше чисел с правой стороны (когда есть список нечетных чисел ).
У меня должно быть больше чисел слева от списка нечетных чисел
Пожалуйста, помогите мне с этой проблемой.
ul.uptime {
columns: 2;
width: 70%;
list-style: none;
text-align: center;
margin: 0 auto;
margin-bottom: 20px;
}
ul.uptime li{
margin:5px;
}
<ul class="uptime">
<li>Mar 2020: 509ms</li>
<li>Feb 2020: 517ms</li>
<li>Jan 2020: 285ms</li>
<li>Dec 2019: 439ms</li>
<li>Nov 2019: 285ms</li>
<li>Oct 2019: 299ms</li>
<li>Sep 2019: 321ms</li>
<li>Aug 2019: 581ms</li>
<li>Aug 2018: 378ms</li>
<li>Jul 2018: 327ms</li>
<li>Jun 2018: 352ms</li>
<li>May 2018: 366ms</li>
<li>Apr 2018: 269ms</li>
<li>Mar 2018: 235ms</li>
<li>Feb 2018: 268ms</li>
</ul>