Html 获取一个无序列表，如图所示

我需要创建一个部分，模仿下面的图片模型

因为我使用的是内容管理系统，所以我只能控制该部分中元素的CSS。因此，举例来说，如果不使用一些花哨的JavaScript技巧，我就不能将ul分成两个uls

我需要处理的基本上是

<div class="outer">
   <div class="inner-left">
       <!-- left content injected here by the CMS -->
   </div>
   <div class="inner-right">
         <!-- list content injected below by the CMS -->
         <ul></ul> 
   </div>
</div>

---

你知道一个简单的方法来实现你想要的行为吗？

你可以通过一系列的浮动来实现这一点

.inner-left {
    float: left;
    width: 33.33%; // the first column width
}
.inner-right{
    float: left;
    width: 66.66%; // the container of the next 2 columns
}

然后我们让ul创建接下来的2列，但是首先需要通过删除边距和填充来重置ul，然后浮动li并给它们50%的宽度

.inner-right ul {
    padding: 0;
    margin: 0;
}

.inner-right ul li {
    float: left;
    width: 50%;
}

这将为您提供3个等距列。

请尝试使用以下代码：

.inner-right ul li {
   display:inline-block;
   width:49%;
}

---

.inner right ul li{display:inline block；float:left}在上面的注释中添加一个固定的宽度，就可以开始了。