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/