Mettre une liste en deux colonnes en CSS

Je ne peux pas comprendre comment obtenir ma liste dans une liste de colonnes. J'ai essayé quelques-uns des exemples dans d'autres questions similaires, mais il n'a tout simplement pas changer quoi que ce soit.

<div class="section" id="skillset">
<h1>SKILL SET:</h1>
<h2>Have passed classes which taught all of the following:</h2>
<ul class="skills">
    <li>Intermediate Spanish</li>
    <li>Microsoft Word</li>
    <li>Microsoft Power Point</li>
    <li>Microsoft Excel</li>
    <li>Dreamweaver</li>
    <li>Adobe Photoshop</li>
    <li>CAD Lab</li>
    <li>Visual Basic</li>
    <li>C++</li>
    <li>Java</li>
</ul>
</div>

J'aimerais avoir 5 éléments dans la liste, puis un autre 5 à la droite de celui-ci.

Due à une heure 🙁

Utiliser les column-count
stackoverflow.com/questions/933645/multi-column-css-lists
Attendez, l'OP est pressé, et obtient quelques grandes réponses et de ne jamais les marques de l'un à la réponse correcte. Très agréable.

OriginalL'auteur user3295553 | 2014-02-11