在CSS中将列表分为两列

我不知道如何把我的列表变成两列的列表。我在其他类似的问题中尝试了一些例子，但它并没有改变任何事情

<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>

技能组合：
通过了以下所有课程：

中级西班牙语
微软Word
微软电源点
微软Excel
梦境编织者
Adobe Photoshop
计算机辅助设计实验室
Visual Basic
C++
爪哇

我希望清单上有5项，然后在右边再加5项

---

一小时后到期：（

在CSS代码的内容中，放入以下内容：

.skills {
/* other codestuff */
column-count: 2;
}

我希望这足够了。

将li宽度设置为50%，然后

---

显示：内联块；

列计数

在这里肯定可以帮助您

只需添加以下CSS

.skills
{
    -moz-column-count: 2;
    -moz-column-gap: 2.5em;
    -webkit-column-count: 2;
    -webkit-column-gap: 2.5em;
     column-count: 2;
     column-gap: 2.5em;
}

但一定要检查浏览器支持，因为它在旧版本的IE中不起作用

---

下面是一组工作代码

您还可以将以下css属性添加到

li

元素中：

.skills li {
   float: left;
   width: 50%;
}

---

使用等待，OP很匆忙，得到了一些很好的答案，但从未将其中一个标记为正确答案。非常好。我不知道我应该这样做，我不认为这是一个选项，但道歉。