CSS是現在前端開發中最重要的技術之一，除了可以用于控制樣式之外，它還可以應用到更多的場景，比如直線上添加文字。在本篇文章中，我們將介紹如何通過CSS在直線上添加文字。

.line {
position: relative;
height: 0;
border-top: 2px solid black;
}
.line p {
position: absolute;
bottom: -18px;
text-align: center;
width: 100%;
}

首先，我們需要設置一個直線的容器，使用一個div元素，并設置它相對定位。然后，我們使用border-top屬性來創建一條2像素的實線。這就是我們的直線了。

接下來，我們在直線容器內部添加一個p標簽，并設置其絕對定位。我們需要將其position屬性設置為absolute，top和left屬性設置為0，bottom屬性設置為負值，這樣文字將會顯示在直線的底部。我們還可以使用text-align屬性來定義文字居中，并將其寬度設置為100%。

現在，我們給p標簽添加一些文本，就可以在直線上顯示文字了。像這樣：

<div class="line">
<p>這是一條直線上的文字</p>
</div>

以上就是通過CSS在直線上添加文字的簡單方法。使用這個技術，您可以為您的網頁添加一些獨特的設計元素，增強網頁的視覺效果。祝您開發愉快！