Css 元素之间的边界，即元素高度的一半

我试图通过使用同级选择器在元素之间创建边框，并保留一个

边框

，但是边框的长度等于元素的高度，这不是我想要的

---

我想可以在

元素之后添加
：元素，绝对定位它，使其长度减半，这样左侧的
边框将看起来很好，但是在
上不可能有
：after
。一些类+。一些类
 如果我理解的很好，你想要这样的东西吗


/*
*基本样式，只是为了外观。
*
*您可以安全地跳到CSS的后半部分。
*/
保险商实验室{
列表样式类型：无；
保证金：0；
填充：0；
字体系列：无衬线；
}
ulli{
浮动：左；
背景：ddd；
颜色：#333；
填充：10px；
}
/*
*这是重要的部分。
*/
ul li+li{
位置：相对位置；
}
ul li+li：之后{
位置：绝对位置；
内容：''；
/*边框颜色*/
背景：#999；
/*边界尺寸*/
身高：50%；
宽度：1px；
/*边界位置*/
左：0；
最高：25%；
}

洛勒姆
Ipsum
多洛
坐着
艾米特
是！你能解释一下为什么需要定位属性吗？@agafadam啊，我的错。更新后的帖子有一点解释和JSFIDLE。