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

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

我还想对水平div做类似的事情

我想做的快速photoshop模型（蓝色轮廓是div的大致位置，蓝色文本是div的描述） 灰线是我希望用于3个div的divider的位置：

---

可能是这样的。根据您的喜好调整值。现在我给他们定了一个百分比