Css 自定义检查表列宽无效

我似乎无法改变我清单的宽度。我试图减少宽度，并在检查表项目周围留一些空白，但这不起作用。以下是我目前掌握的情况：

我的清单的一部分：

.checkList {
  list-style-image: url('http://i66.tinypic.com/6nv3me.png');
  columns: 2 4em;
}

.checkList li{
  color: #fff;
}

我正在努力实现以下目标：

---

我所做的是为ul元素添加

显示：flex

，并在li元素上应用

边距

，每个元素的

宽度为50%

要使div居中，您需要在

hergonner

类中添加

margin:0 auto

，并删除content类中的

padding

.hero{
位置：相对位置；
高度：44vh；
最大高度：64雷姆；
最小高度：28rem；
}
.背景{
背景图像：url（'https://images.unsplash.com/photo-1531845116688-48819b3b68d9?ixlib=rb-1.2.1&auto=格式&fit=裁剪&w=2851&q=80’；
背景重复：无重复；
背景职位：50%；
背景尺寸：封面；
宽度：100%；
身高：100%；
}
.覆盖{
背景：线性梯度（向右，#1d，rgba（0,0,0,0））；
位置：绝对位置；
排名：0；
左：0；
显示：表格；
身高：100%；
宽度：100%；
}
.内部{
显示：表格单元格；
宽度：100%；
垫面：6rem；
垫底：6rem；
垂直对齐：中间对齐；
文本对齐：居中；
}
.内容{
最大宽度：80rem；
左边距：自动；
右边距：自动；
宽度：100%；
}
@介质（最小宽度：62.25雷姆）
{
.内容{
左：3rem；
填充权：3rem；
}
}
埃赫罗纳先生{
文本对齐：左对齐；
最大宽度：31雷姆；
保证金：0自动；
}
.检查表{
列表样式图像：url（'http://i66.tinypic.com/6nv3me.png');
显示器：flex；
柔性包装：包装；
证明内容：之间的空间；
}
李先生{
颜色：#fff；
边缘顶部：30px；
}
.清单李：第n个孩子（单数）{
宽度：30%；
}
.李：第n个孩子（偶数）{
宽度：60%；
}

长期租约
定制解决方案
多城市运动
用数据衡量成功

a

页边距底部

.checkList li{color:#fff；margin bottom:15px；}

作为背景比样式图像更容易使用左右列表之间的空间太大-这就是我面临的问题。请在你的帖子中添加一个。谢谢，但我现在面临的问题是左栏和右栏项目之间的空间。如何减少该空间？你是指

li

标记之间的空间@漂流海洋19我想缩小红色标记的空间。。