如何将内容分发到它们之间有边框的列？ （WordPress的）

Question

我正在制作基于wordpress的音乐乐队网站的活动列表。

列表有两列布局，我需要分配每个事件，以便首先进入左列，第二个进入右侧，第三个进入左侧，依此类推。

这将是非常简单的任务，但我必须在列之间建立边界！

我通过制作每个.event块float:left; width:45%;进行了分发，但这些实际上不是列，我无法添加边框。

我也尝试了css3多列布局，但它对我不起作用。

这是我的代码http://jsfiddle.net/jxe8bgyv/1/

Answer 1

你可以试试这个：

.event:nth-child(even) {
    border-left: 1px solid #000;
}

Answer 2

.event:nth-child(odd){
    border-right: 1px solid red;
}