2014-02-23 77 views
2

我希望兩個div用「display:inline-block」是「浮動左」和「浮動右」。兩個div對齊問題之間的垂直線

我這樣做沒有問題。但現在,我需要在它們之間插入一條垂直線,我這樣做here和兩個div的對齊出錯。

任何人都可以幫助我嗎?

+1

顯示:inline-block的不與浮動感。 – dfsq

+0

@dfsq你的權利 –

+0

按照我的理解,「浮動左」和「浮動右」將會向左和向右拋出div。 「display:inline-block」會將它們並排排列。我認爲那是正確的。糾正我,如果我錯了! –

回答

1

您必須爲HR添加一個float: left

<hr style="width:1px;height:500px;margin-left:0px;margin-right:0px; float: left; margin-left: 10px;"/>

http://jsbin.com/tofehage/3/