文本橫向排列是一種在頁面排版上非常實用的技巧。它可以將文本排列在一行，同時使頁面更加美觀。在 CSS 中，我們可以使用 direction 屬性來實現文本橫向排列。該屬性有兩個值可選：ltr 和 rtl。ltr 表示從左到右，即常規的文本排版方式；而 rtl 則表示從右到左。例如：

p{
direction: rtl;
}

上述代碼可以將一個 p 標簽內的文本從右到左排列。

但是，單純使用 direction 屬性會導致一些問題。當文本排列時，部分文字可能會被掩蓋或溢出。這時需要使用一些額外的 CSS 屬性進行調整。其中，包括：

• text-align：用于設置文本對齊方式；
• white-space：用于設置文本換行方式；
• overflow：用于設置文本超出部分的處理方式。

例如，如果設置：

p{
direction: rtl;
text-align: left;
white-space: nowrap;
overflow: hidden;
}

那么文本在從右向左排列的同時，也將左對齊，不換行，超出部分采用隱藏處理。這樣就能夠讓文本橫向排列更加美觀、實用。