如何使用css在两个选项框之间绘制一条垂直线

Question

我填充了两个选项框。我想在两行之间显示一条垂直直线，并在行的中间写“OR”。我不记得在哪里，但我已经看到这在某个地方完成了。基本上，用户可以选择这两个选项框中的任何一个。

我已将代码放在jsbin上。

Answer 1

I modified it for you, check here

基本上，想法是将这些选择框放在div中并浮动它们。

Answer 2

嗯，我猜你连续可以有3个div（所有浮动：左边;），中间一个可以是黑色背景设置高度，外面两个可以有选择框吗？

Answer 3

添加一个带背景图片（线条）和文字的新div或写在里面;） 比你必须使用float css属性。 每个人都可以从两个选项框中选择元素......

Answer 4

我意识到你已经接受了答案，但我想我也会给你这个选择：

http://jsbin.com/aweto3

它与@ Sarfraz的答案略有不同，其中包括垂直线，尽管这只是一个小的CSS差异。虽然我也整理了代码并使用了<form>和<fieldset>元素，但是...... =）