在CSS中，我們可以使用偽元素before和after來實現兩根線連起來的效果。下面我們來看一下實現方法：

.line {
position: relative;
text-align: center;
}
.line:before, .line:after {
content: "";
display: inline-block;
position: absolute;
top: 50%;
width: 50%;
height: 1px;
background-color: black;
}
.line:before {
right: 100%;
margin-right: 5px;
}
.line:after {
left: 100%;
margin-left: 5px;
}

上面的代碼中，我們首先給包裹線的元素添加了position: relative樣式，使其成為一個相對定位的容器。然后，分別使用before和after偽元素來創建兩根線。這兩根線的樣式都是相同的，都是橫向的，高度為1px，顏色為黑色，同時使用了絕對定位和top: 50%來將其置于容器的中心位置。

接著，我們設置了這兩根線的寬度為50%，并分別使用right和left屬性將before和after線向左和向右移動50%，使其剛好與容器邊界對齊。同時，我們還添加了margin-right和margin-left樣式來讓兩根線之間保留了一定的距離，使得線看起來更加自然。

使用上述代碼，我們就成功地讓兩根線連起來了，效果如下：

<div class="line">
Some text here
</div>