Jquery 在列表之间留出空格

我有两个列表想要组合在一起，但我希望它们之间有一些空格，比如一个或两个空格。这是我的名片。我已经尝试了一些解决问题的方法，比如，但是没有一个真正有效

这是我的CSS：

ol {
    display: inline-block;
}
ol.ui-listview>li>.ui-btn:first-child:before, ol.ui-listview>li.ui-li-static:before, ol.ui-listview>li.ui-field-contain>label:before, ol.ui-listview>li.ui-field-contain>.ui-controlgroup-label:before{
    content: counter(listnumbering) !important;
}

#slots {
    text-align: center;
}

当两个ol元素显示为内联块元素时，需要添加右边距以在它们之间添加空间

然而，一个通用的ol选择器不会有帮助，因为库中的其他CSS规则正在覆盖它，所以您可以使用下面的选择器，它更具体，因此不会被覆盖

.ui-block-a ol[data-role="listview"]{
    margin-right: 16px; 
}

注意：添加一个！重要关键字通常是一种不好的做法，应尽可能避免使用。这里不需要它，因为选择器更具体

snippet似乎失去了样式设置

当两个ol元素显示为内联块元素时，您需要添加一个右边距以在它们之间添加空间

然而，一个通用的ol选择器不会有帮助，因为库中的其他CSS规则正在覆盖它，所以您可以使用下面的选择器，它更具体，因此不会被覆盖

.ui-block-a ol[data-role="listview"]{
    margin-right: 16px; 
}

注意：添加一个！重要关键字通常是一种不好的做法，应尽可能避免使用。这里不需要它，因为选择器更具体

---

代码段似乎失去了样式设置

添加页边空白权css属性

ol{ 右边距：20px！重要；

---

} 添加页边距权限css属性

ol{ 右边距：20px！重要；

---

}你不是在找像ol{margin right:20px；}这样的东西吗？@kurt就是这样！添加作为一个关键词很重要，它会起作用。谢谢，我已经添加了它作为一个答案。你不会在寻找类似ol{margin right:20px；}？@kurt就是这样！添加作为一个关键词很重要，它会起作用。谢谢，我添加了它作为一个答案。你是说这个片段似乎失去了风格？其实我不知道什么是片段。我是说你的解决方案很好@gsamaras:SO中有一个堆栈片段选项，可以通过单击工具栏上的图标来添加可运行的HTML/CSS/JS代码。这通常允许包括所有外部库，但由于某些原因，在这里似乎不起作用。小提琴完美地发挥了预期的作用：你是说片段似乎失去了风格？其实我不知道什么是片段。我是说你的解决方案很好@gsamaras:SO中有一个堆栈片段选项，可以通过单击工具栏上的图标来添加可运行的HTML/CSS/JS代码。这通常允许包括所有外部库，但由于某些原因，在这里似乎不起作用。这把小提琴完美地发挥了作用：Kurt我接受Harry的答案是因为它更适合于jQuery mobile，但你当然应该得到+1。Kurt我接受Harry的答案是因为它更适合于jQuery mobile，但你当然应该得到+1。