CSS能夠幫助我們輕松地創建橫向的網頁布局。要做到這一點，需要按照以下步驟進行操作：

/* 全局設置 */
body {
margin: 0;
padding: 0;
}
/* 布局設置 */
.container {
display: flex;
flex-wrap: wrap;
}
/* 寬度設置 */
.item {
width: 50%;
}
/* 填充設置 */
.item img {
width: 100%;
height: auto;
object-fit: cover;
}
.item p {
padding: 20px;
}

首先，我們要使用flexbox布局來實現橫向布局。我們使用container類作為容器，并將其設置為display：flex。這將使我們的項目以行的形式排列。

接下來，我們需要定義每個項目的寬度，這里我們設置為50%。這樣，我們就可以讓兩個項目并排呈現。

在每個項目內，我們可以根據需要添加圖像或文字。為了使圖像充滿整個項目，我們使用了object-fit：cover 屬性。

最后，我們使用padding屬性添加填充來增加項目內容的可讀性。這樣，我們就可以創建一個簡單但功能強大的橫向布局。