Html 两列之间的间距

我有一个

ul

，有两列（of

li

s）。我试图在两列之间做一个明显的分隔，但我无法让它工作。目标是使每个

li

都有一个

底色

行，但要将这些行分开

这就是我目前拥有的：

HTML

---

我认为你只需要给li元素一个余量。 比如说

li {
    ...
    margin: 0 5px;
    ...
}

---

一种解决方案是使用第n个子项（奇数）应用

右边框

：

ul{
宽度：200px；
溢出：隐藏；
边框：1px纯红；
填充物：5px；
}
李{
线高：1.5em；
浮动：左；
显示：内联；
边框底部：1px实心#DDDDDD；
右边界：2px；
}
#双里{
宽度：45%；
}
#双李：第n个孩子（奇数）{
右边框：实心1px#DDDDDD；
}
#双李：第n个孩子（偶数）{
左边距：5px；
}

阿斯达斯
eee
三,
qqqq
yyyy
pppp
p222

我已将奇数和偶数类添加到li标记中 我已经将float:right CSS规则添加到带有偶数类的li标记中 我已经将float:left CSS规则添加到带有奇数类的li标记中 我在li.偶数和li.奇数中分别添加了一个边框底部 这是我取得的成就

ul{
宽度：200px；
溢出：隐藏；
边框：1px纯红；
填充物：5px；
}
李{
线高：1.5em；
浮动：左；
显示：内联；
}
#双li{
宽度：45%；
}
li.odd{边框底部：3px实心#ccc；浮点：左；}
li.偶数{边框底部：3px实心#ccc；浮点：右；}

asdas
eee
iii
qqq
yyyy
pppp
第22页

属性列间隙可以解决此问题。

我们可以向lis添加一个新类吗？例如奇数，偶数？@Hbirjand是的，当然，请进行您认为需要的所有更改：）

ul{
  width:200px;
  overflow: hidden;
  border: 1px solid red;
  padding: 5px;
}

li{
  line-height: 1.5em;
  float: left;
  display: inline;
  border-bottom: 1px solid #DDDDDD;
  border-right: 2px;
}

#double li  { 
  width: 45%;
}

li {
    ...
    margin: 0 5px;
    ...
}

just add margin-left and margin rigth in li element
it may be works. http://jsfiddle.net/vrajeshdave148/t89yvepj/3/