CSS是前端開發中最重要的技術之一。它可以使網頁設計變得更加美觀而且易于閱讀。在本文中，我們將學習如何使用CSS使文字橫向顯示。

/*CSS代碼*/
.horizontal-text{
writing-mode: horizontal-tb;
}

首先，我們需要在CSS中創建一個類名為horizontal-text的樣式。然后，我們將使用writing-mode屬性來指定文本的橫向顯示方式。在本例中，我們將使用horizontal-tb，這是一種水平書寫方向的表示方式。

一旦你已經創建了CSS樣式，你可以在HTML文檔中使用它。你只需要將class屬性設置為horizontal-text，就能創建一個橫向文本塊。以下是一個示例代碼：

<!-- HTML 代碼 -->
<div class="horizontal-text">我的橫向文本塊</div>

你可以在Web瀏覽器中預覽你的代碼。你會看到“我的橫向文本塊”這句話被表示成一行字。如果你想在橫向文本塊中添加更多的文本或者其他元素，你可以在HTML中使用它。

現在你已經掌握了CSS中如何橫向輸入文本的技巧。你可以采用這個技術來使文本更加美觀和清晰。希望你可以在今后的項目中嘗試使用這個技術。