两个div中间有一条黑线

要在两个`<div>`元素之间添加一条黑色线条，你可以通过CSS来实现。通常的做法是在这两个`div`之间插入一个空的`<span>`或者直接使用伪元素`::before`和`::after`。这里有一个简单的示例：

<style>
.container {
  display: flex;
  align-items: center; /* 如果你想让div居中对齐 */
}

.div-line-between {
  position: relative;
}

.div-line-between::before {
  content: "";
  width: 1px; /* 黑线宽度 */
  height: 100%; /* 和上一个div高度相同 */
  background-color: black; /* 线的颜色 */
  position: absolute;
  left: -50%; /* 让线条居中对齐，宽度减半 */
  z-index: 1; /* 遮盖下面的元素 */
}

.div-line-between div {
  margin-left: 50%; /* 对应上面left的负值，保证间距相等 */
}
</style>

<div class="container">
  <div class="div-line-between">
    <div>Div 1</div>
  </div>
  <div>Div 2</div>
</div>

在这个例子中，`.div-line-between::before`创建了一个绝对定位的空白元素，放在了第一个`div`之前，并设置了黑色背景。`margin-left`用于调整第二个`div`与其之间的间距。