两个div对齐问题之间的垂直线

Question

我希望两个div为“float-left”，“float-right”为“display：inline-block”。

我这样做没有问题。但是现在，我需要在它们之间插入一条垂直线，我这样做here并且两个div的对齐出错了。

有人可以帮我解决这个问题吗？

Answer 1

您必须向人力资源部门添加float: left。

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

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

Answer 2

http://jsbin.com/tofehage/4/

也将显示内联块显示为hr标记。

左右边距太多了

Answer 3

不确定是否有所帮助，但请参阅以下内容：

http://jsbin.com/tofehage/12/