CSS使文字橫向排列的方法有很多種，下面我們介紹其中一種常用的方法：

使用絕對定位和transform屬性

使用絕對定位，我們可以將一個元素定位到頁面的任意位置，包括橫向排列。然后，我們可以使用transform屬性中的translate函數來將元素中心移向左邊，從而實現文字的橫向排列。

具體步驟如下：

1. 使用絕對定位，將需要橫向排列的文字元素定位到頁面的任意位置。例如，我們可以將元素定位到頁面的第一名：

.text-container {

position: absolute;

top: 0;

left: 50%;

transform: translateX(-50%);

2. 添加style標簽，將以下樣式應用到文字元素上：

.text-container {

width: 200px;

height: 200px;

font-size: 20px;

text-align: center;

3. 測試效果，可以通過瀏覽器的調試工具查看文字元素是否已經橫向排列：

<div class="text-container">

<p>Hello, world!</p>

</div>

以上步驟中，我們使用了transform屬性中的translate函數，將元素中心移向左邊，從而實現文字的橫向排列。由于translate函數會將元素中心向上移動，所以我們還需要使用transform的旋轉函數，將元素中心向左旋轉360度，才能將文字元素完全橫向排列。

使用旋轉函數，我們可以將元素中心向左旋轉360度，具體步驟如下：

1. 使用transform屬性中的 rotate函數，將元素中心向左旋轉360度。例如，我們可以將元素中心的位置設置為：

.text-container {

position: absolute;

top: 0;

left: 50%;

transform: translateX(-50%);

transform: rotate(-45deg);

2. 添加style標簽，將以下樣式應用到文字元素上：

.text-container {

width: 200px;

height: 200px;

font-size: 20px;

text-align: center;

3. 測試效果，可以通過瀏覽器的調試工具查看文字元素是否已經橫向排列：

<div class="text-container">

<p>Hello, world!</p>

</div>

以上就是使用CSS使文字橫向排列的方法，通過絕對定位和transform屬性，我們可以實現文字的橫向排列效果。