CSS中，我們可以使用display: flex屬性將多個盒子橫向排列，以下是一個示例代碼：

<div style="display: flex;">
    <div style="width: 33.33%; height: 200px; background-color: #f00;"></div>
    <div style="width: 33.33%; height: 200px; background-color: #0f0;"></div>
    <div style="width: 33.34%; height: 200px; background-color: #00f;"></div>
</div>

在這個示例中，我們創(chuàng)建了一個包含三個盒子的容器，每個盒子的寬度設(shè)置為容器寬度的33.33%，高度設(shè)置為200px，背景顏色分別為紅色、綠色和藍色，通過使用display: flex屬性，這三個盒子將水平排列在容器中。

在實際應(yīng)用中，您可能需要根據(jù)具體需求調(diào)整盒子的寬度、高度和背景顏色等樣式屬性，為了確保盒子的排列方式始終為橫向，建議將盒子的寬度總和設(shè)置為容器寬度的100%。