在 CSS3 中，我們可以使用 text-align-last 和 text-justify 屬性來設置文字的對齊方式和排版方式。而相信大家也注意到了，有時我們會在文本兩端添加橫線，以增加排版的美觀性和閱讀體驗。

/* 添加文字兩端橫線 */
.text-line {
text-align: justify;
text-align-last: justify;
line-height: 1.5;
}
.text-line:after {
content: "";
display: inline-block;
width: 49%;
height: 1px;
background-color: #666;
}
.text-line:before {
content: "";
display: inline-block;
width: 49%;
height: 1px;
background-color: #666;
}

上面的代碼中，我們首先設置了 text-align 和 text-align-last 屬性，將文本左右對齊并且平均分配空格。接著，我們使用偽元素 :after 和 :before 來添加橫線。

注意，這里的寬度是使用百分比來設置的，這是為了適應不同長度文本的需求，同時也保證了橫線在文本兩端對齊。

最后，我們只需要將需要添加橫線的文本的 class 設置為 text-line，即可完成操作。

需要注意的是，在一些較老的瀏覽器中可能不支持 text-align-last 或者 text-justify 屬性，因此建議在使用時做好兼容性處理。