在網頁設計中，CSS的排版是非常重要的一環。除了常見的垂直排版，CSS也可以很方便地實現橫向排版，下面就讓我們來看一下CSS如何實現橫向排版。

/*CSS代碼*/
.container{
display: flex;
flex-direction: row;
}
.item{
flex: 1;
height: 50px;
border: 1px solid black;
}

首先，我們需要將容器（即包含橫向排版元素的大容器）的display屬性設為flex。這會使容器內所有元素都以flexbox方式排版。而flex-direction屬性則指定了flexbox是按行還是按列排列元素。這里我們將其設為row，即按行排列。

接下來，我們需要對每個排版元素（即item）設置如何在容器中排列的方式。采用的是flex屬性，這個屬性有三個值：flex-grow、flex-shrink和flex-basis。而flex的簡寫形式表示這三個屬性，分別代表“放大比例”、“縮小比例”、“元素基礎尺寸”。這里我們只需要用到其中的一個屬性flex-grow，即放大比例，表示元素在空間允許的情況下能夠被放大的比例。

最后，當然也可以為排版元素設置高度和邊框等樣式，以使元素具有更好的可視化效果。

總結起來，上述CSS代碼就是利用flexbox技術實現橫向排版的常見方式。當然，通過設定不同的flex屬性值、改變flex-direction屬性等，還可以實現很多不同的橫向排版效果。