Javascript 如何拆分长列表并显示在列中

我正在使用dynamic drive中的ddlevelsmenu.js在鼠标上方显示菜单项。一切正常。只是我有一个很长的列表，看起来有点奇怪。我可以将列表项拆分为不同的列吗？ 下面是我的HTML代码，后面是CSS代码：

<ul>
<li><a href="#" rel="stts">Indian States</a></li>
</ul>

---

这已经在这里得到了回答：加布里埃尔。以下css可以解决您的问题：

ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

---

我已经创建了JSFIDLE来测试它，它工作得很好。看看。

你试过在li上设置宽度吗

ul{
   width:800px;
}

li{
  width: 40%;
  display: inline-block;

}

---

我已经试过了。。没有帮助。。要么子菜单失去焦点，要么长列表保持不变，您会创建一个JSFIDLE来仔细查看吗？检查添加到答案中的JSFIDLE。看起来还可以！这就是你要找的吗？

ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

ul{
   width:800px;
}

li{
  width: 40%;
  display: inline-block;

}