在CSS中，橫線也叫做水平線，是一種很常見的元素。橫線的實現可以使用CSS邊框或者偽元素等方式。

/*使用CSS邊框實現*/
.horizontal-line {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
/*使用偽元素實現*/
.horizontal-line::before {
content: "";
display: block;
border-top: 1px solid #ccc;
}
.horizontal-line::after {
content: "";
display: block;
border-bottom: 1px solid #ccc;
}

需要注意的是，使用CSS邊框或者偽元素實現的橫線都需要設置寬度，并且不能使用單位為百分比的寬度。

/*正確*/
.horizontal-line {
width: 100px;
}
/*錯誤*/
.horizontal-line {
width: 50%;
}

如果需要將橫線插入到文字中間，可以使用line-height屬性和vertical-align屬性來實現。

.horizontal-line {
display: inline-block;
line-height: 1em;
vertical-align: middle;
}

以上就是CSS中橫線怎么寫的方法，希望可以給您帶來幫助。