CSS中有多種方式可以讓元素橫向排列，比較常用的有以下幾種：

/* 1. 使用float屬性 */
.box {
float: left;
}
/* 2. 使用display:inline-block屬性 */
.box {
display: inline-block;
}
/* 3. 使用flex布局 */
.container {
display: flex;
}
.box {
flex: 1;
}

第一種方式是使用float屬性，將需要排列的元素設置為浮動狀態，并且指定方向為左側或右側。這種方式適用于一行中元素數量不多的情況，并且需要特別注意清除浮動造成的父元素高度塌陷問題。

第二種方式是使用display:inline-block屬性，將需要排列的元素設置為內聯塊狀元素。這種方式同樣適用于一行中元素數量不多的情況，但是需要注意內聯塊狀元素間的空格會產生間距的問題，需要使用類似于負margin的技巧進行解決。

第三種方式是使用flex布局，將父元素設置為flex容器，子元素設置為flex項，并通過設置flex屬性來均分剩余空間。這種方式適用于實現復雜的網格布局，但是兼容性不夠好，需要額外進行處理。