在CSS中，您可以通過設(shè)置display屬性為inline-block或flex來讓div元素橫向排列。

1、使用inline-block：

將div元素的display屬性設(shè)置為inline-block，它會(huì)使div元素像行內(nèi)元素一樣排列，但同時(shí)又保持塊級(jí)元素的特性。

div {
  display: inline-block;
}

2、使用flex：

將div元素的display屬性設(shè)置為flex，它會(huì)使div元素成為彈性容器，可以容納多個(gè)彈性項(xiàng)（彈性容器內(nèi)的子元素），通過調(diào)整彈性容器的屬性，您可以輕松地控制彈性項(xiàng)的排列方式。

div {
  display: flex;
  justify-content: flex-start; /* 控制彈性項(xiàng)的排列方式 */
}

在上面的代碼中，justify-content: flex-start;表示彈性項(xiàng)將從左到右排列，您還可以將其設(shè)置為flex-end（從右到左排列）、center（居中對(duì)齊）或space-between（平均分布）。

在使用這些方法時(shí)，您可能需要考慮其他CSS屬性，如寬度、高度、內(nèi)邊距和外邊距等，以確保div元素的樣式符合您的需求。