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

我有两个选项框填充。我想在两者之间显示一条垂直直线，并在中间写上“或”。我不记得在哪里，但我在某个地方见过这样做。基本上，用户将能够选择这两个选项框中的任何一个

我已经把代码放在上面了

---

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

呃，我猜一行可以有3个div（全部浮动：左；），中间的一个可以是黑色背景设置高度，外部的两个可以有选择框？

添加一个新div，其中有背景图像（行）和文本或写在里面；） 然后必须使用float css属性。

---

每个人都可以从两个选项框中选择元素…

我知道您已经接受了答案，但我想我也会为您提供此选项：

它与@Sarfraz的答案略有不同，因为其中包括垂直线，尽管这只是css的一个小差异。虽然我也整理了代码并使用了

和

元素…=）