Html 如何在选定字段之间添加水平线

如何在选择字段之间添加水平线，如下所示：

请检查彼此之间的水平线：

你可以试试这个

行的宽度与包装器的宽度相同

<div class="wrapper">
  <div class="line">
  </div>
  <select class="select1">
    <option>1</option>
    <option>2</option>
  </select>
  <select class="select2">
    <option>1</option>
    <option>2</option>
  </select>
</div>

1.
2.
1.
2.

试试这个

.line{
位置：相对位置；
左侧填充：10px；
}
.行：第一个孩子{
左侧填充：0；
}
.线路选择{
位置：相对位置；
}
.台词：之前{
内容：“；
显示：块；
位置：绝对位置；
最高：50%；
左：0；
宽度：100%；
高度：1px；
背景：红色；
}

洛勒姆
洛勒姆
洛勒姆

也许这会有所帮助：欢迎来到SO！一般来说，问题应该更多地是“我正在尝试这样做，这就是我所尝试的，这就是它不起作用的方式，我哪里出了问题？”类型。（请参阅）要改进此问题，请添加您当前的代码（点击“编辑”，然后点击

图标，该图标将弹出一个用于输入html和css的窗口。然后点击“保存并插入”并保存您的编辑）发布一些代码，以便我们了解工作内容。另外，你还没有接受你之前的任何问题，所以我建议你检查它们，添加额外的信息，以便它们可以得到正确的回答，这样你就可以接受它们……我们希望有尽可能多的问题和被接受的答案，这样未来的用户就可以看到哪个帖子最适合一个问题。

<div class="wrapper">
  <div class="line">
  </div>
  <select class="select1">
    <option>1</option>
    <option>2</option>
  </select>
  <select class="select2">
    <option>1</option>
    <option>2</option>
  </select>
</div>