CSS水平或垂直线小于div的高度或宽度

Question

我有两个相同高度的div垂直对齐，彼此并排。作为它们之间的视觉分隔符，我希望有一个3px宽的矩形条，几乎是div的高度，垂直居中，浮动使得顶部和底部大约10px不被分隔线覆盖。

我也想为水平div做类似的事情。

我想做的快速photoshop模型（蓝色轮廓是div的近似位置，蓝色文本是div的描述） 灰线是我希望分隔线为3个div的地方：

http://imageshack.us/a/img821/9444/divs.jpg

Answer 1

也许是这样的。根据您的喜好调整值。现在我把它们变成了一个百分比。

http://jsfiddle.net/frexuz/3CSde/1/