<div id="left">
  content
</div>
<span class="divider"></span>
<div id="right">
  content
</div>

用css：

span {
 display: inline-block;
 width: 0;
 height: 1em;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
}

Demo at JS Fiddle，调整span.container的高度来调整边框’height’。

或者，使用伪元素(:: before或:: after)，给出以下HTML：

<div id="left">content</div>
<div id="right">content</div>

以下CSS在与另一个div元素的相邻兄弟节点的任何div元素之前添加一个伪元素：

div {
    display: inline-block;
    position: relative;
}
 
div + div {
    padding-left: 0.3em;
}
 
div + div::before {
    content: '';
    border-left: 2px solid #000;
    position: absolute;
    height: 50%;
    left: 0;
    top: 25%;
}

JS Fiddle demo。