无序（UL）列表分发-首先设置为垂直然后水平

Question

通过使用以下html

<ul>
<li>1.List</li>
<li>2.List</li>
<li>3.List</li>
<li>4.List</li>
<li>5.List</li>
<li>6.List</li>
<li>7.List</li>
<li>8.List</li>
<li>9.List</li>
<li>10.List</li>
<li>11.List</li>
<li>12.List</li>
</ul>

请帮助我仅使用CSS创建此类列表。清单是动态的，因此我不能在两者之间添加任何其他类。

我尝试创建https://jsfiddle.net/u39m0hk8/2/ 我需要更好的CSS来创建发行版。