在css中，實現橫向排布需要使用到display屬性，以及float屬性。

首先，我們可以使用display屬性將多個元素設置為“行內塊元素”。這樣，這些元素就可以排在同一行上了。示例代碼如下：

.element {
display: inline-block;
}

然而，這樣排出來的元素之間會有一定的間隔。如果你想去掉這個間隔，就可以給父元素設置font-size:0屬性，并給每一個“行內塊元素”單獨設置一個font-size屬性，這樣間隔就會消失。示例代碼如下：

.parent {
font-size: 0;
}
.child {
display: inline-block;
font-size: 16px;
}

接下來，我們來看float屬性。將元素設置為float:left或float:right可以讓它們橫向排布。使用float屬性時，需要注意清除浮動，否則可能會出現布局混亂的情況。

清除浮動可以使用:after偽元素。示例代碼如下：

.parent:after {
content: "";
display: block;
clear: both;
}

如果你想讓兩端對齊，可以使用Flexbox，簡單易懂。也可以使用Grid，但需要更多的css代碼。

以上是實現橫向排布的幾種方法，你可以根據需要選擇不同的方法實現。