在網(wǎng)頁排版中，我們常常需要將一段文字橫向排列，這時(shí)候我們就需要用到 CSS 的文本橫向排列樣式了。 首先，我們需要在 HTML 中創(chuàng)建一個(gè)段落標(biāo)簽 p，然后在其中寫入需要橫向排列的文字。接著，我們可以使用 CSS 給這個(gè)段落標(biāo)簽添加樣式。 樣式如下：

p {
writing-mode: tb-rl;
transform: rotate(-90deg);
transform-origin: 50% 50%;
}

這個(gè)樣式的作用是將文本豎直排列，并且將文本旋轉(zhuǎn)了 90 度。其中，writing-mode 屬性定義了文本的書寫模式，tb-rl 表示從上到下，并且從右到左排列。transform 屬性將文本旋轉(zhuǎn)了 -90 度，transform-origin 屬性定義了旋轉(zhuǎn)的中心點(diǎn)在文本的中心。 整個(gè)樣式的意思就是讓文字從上到下，從右到左排列，并且將它旋轉(zhuǎn) 90 度。 通過這樣的樣式設(shè)置，我們就可以實(shí)現(xiàn)文字的橫向排列了。如果你想要讓排列的文字更美觀，可以再為段落加上一些顏色、字體大小等樣式，使其更加突出和清晰。