CSS橫向排列文字可以讓文字或圖片在同一行上，美化頁面布局。我們可以使用CSS的flex屬性來實現橫向排列文字。

.container {
display: flex; /* 將容器設置為彈性布局 */
flex-direction: row; /* 默認為row，表示橫向排列 */
}
.item {
flex: 1; /* 擴展比例為1，表示占據同一行的寬度 */
padding: 10px; /* 設置內邊距 */
text-align: center; /* 文字居中對齊 */
}

上述代碼中，我們設置了一個容器（class="container"），并使用flex屬性將其設置為彈性布局。接著，我們使用flex-direction屬性將其設置為橫向排列。

在容器內，我們設置了若干個項目（class="item"），并使用flex屬性將其擴展比例設置為1，表示占據同一行的寬度。同時，我們設置了內邊距和文字居中對齊，使排列效果更美觀。

實際上，flex還有很多其他的設置方式，如align-items、justify-content等。這些屬性可以讓我們更靈活地控制彈性布局的效果，讓橫向排列文字更加優美。