在網頁設計中，我們常常需要使用 CSS 來調整頁面的排版和樣式。其中一個非常常見的需求就是將原本縱向排列的元素，變成橫向排列。

這種需求可以通過 CSS 的 flex 布局來實現。下面是一個示例代碼：

.container {
display: flex; /* 將容器設置為 flex 布局 */
flex-direction: row; /* 設置排列方向為橫向 */
}
.item {
margin-right: 10px; /* 設置元素之間的間距 */
}

上面的代碼中，我們定義了一個父容器 container 和若干個子元素 item。通過將 container 設置為 flex 布局，并將 flex-direction 屬性設置為 row（橫向），就可以將子元素在橫向方向上排列。

除了使用 flex 布局，我們也可以使用 float 或者 inline-block 等其他 CSS 屬性來實現元素橫向排列。但是這些方法在某些情況下可能會出現一些樣式上的問題，需要根據具體情況選擇最適合的方法。