CSS是一種前端開發的重要技術，它可以控制網頁的布局和樣式。其中，把文字變成橫向排列是CSS中常見的應用之一。下面介紹如何通過CSS實現這個效果。
首先，在HTML頁面中使用p標簽來定義段落，代碼如下：

<p>這是第一段文字。</p>
<p>這是第二段文字。</p>
<p>這是第三段文字。</p>

然后，在CSS中添加以下代碼，使段落的文字橫向排列：

p {
display: inline-block;
white-space: nowrap;
transform: rotate(-90deg);
transform-origin: top left;
}

以上代碼中，display屬性設置為inline-block，使得段落元素在同一行內排列。white-space屬性設置為nowrap，使得文字不會折行。transform屬性通過旋轉文字的角度來實現橫向排列。transform-origin屬性設置旋轉中心點的位置，這里設置為左上角。
最終的效果如下圖所示：
通過使用CSS，我們可以實現把文字變成橫向排列的效果。這種技術在某些特殊場景下可以用來優化網頁布局，讓網頁內容更加美觀。