在網頁設計中，排版是十分重要的環節。

但是我們發現，很多時候文字并不是只有水平排列這種方式，有的時候需要實現垂直的排列方式。

那么我們要如何使用CSS來實現垂直文字呢？

.vertical-text {
writing-mode: vertical-lr; /* 橫向豎排 */
text-orientation: upright; /* 垂直文本方向從上到下 */
}

通過設置元素的writing-mode屬性為vertical-lr，就可以實現在橫向排列的情況下，文字變成了垂直排列的方式。

同時，設置text-orientation為upright，可以使得垂直文本方向從上到下。

除了writing-mode屬性，我們還可以使用CSS3中的text-orientation屬性來控制文字方向，例如：

.vertical-text-rl {
writing-mode: vertical-rl; /* 橫向豎排 */
text-orientation: mixed; /* 混合文本方向 */
}

通過設置writing-mode屬性為vertical-rl，使得文字在右向左方向上實現垂直排列。

而設置text-orientation為mixed則意味著我們可以在同一元素中使用不同的文本方向。

不過需要注意的是，CSS3中的text-orientation屬性的兼容性并不是很好，需要根據實際情況進行判斷使用。

綜上所述，通過使用CSS中的writing-mode和text-orientation屬性，我們可以實現在網頁設計中的垂直文字排列，提升網頁排版設計的多樣性。