CSS是網頁設計中最重要的一部分，它為頁面的布局、字體、顏色等方面提供了豐富的樣式選擇。其中一個重要的應用場景是將多個元素排成一排。

/* 將多個元素水平排列 */
.container {
display: flex;
justify-content: space-between;
align-items: center;
}

上面的CSS代碼中，我們使用了flex布局模型，通過設置父元素的display屬性為flex，以及justify-content和align-items屬性為space-between和center，實現了子元素的水平排列。

如果我們想要將多個按鈕豎直排列，可以使用如下代碼：

/* 將多個元素豎直排列 */
.container {
display: flex;
flex-direction: column;
align-items: center;
}

上面的代碼中，我們添加了flex-direction屬性，將排列方向設置為豎直方向。然后設置align-items屬性為center，使得子元素在垂直方向上居中對齊。

除此之外，我們還可以使用float屬性來實現元素的排列。如下代碼將兩個元素橫向排列：

/* 使用float屬性實現元素排列 */
div {
float: left;
}

需要注意的是，使用float屬性進行排列時，需要在父元素添加clearfix或overflow:hidden屬性，以避免出現布局錯亂的問題。

在實際的開發中，根據排列的需求和實際情況選擇合適的排列方式和CSS樣式，可以幫我們快速的實現網頁的布局和樣式設計。