CSS是一種用于網頁樣式設計的語言，它可以讓網頁更加美觀和易于閱讀。其中，讓div水平排列是CSS的一項基礎技能，下面來詳細介紹一下。

.container {
display: flex;
/*設置flex屬性*/
justify-content: space-between;
/*使元素距離兩邊相等*/
align-items: center;
/*上下居中對齊*/
}

首先，我們需要將包含div的容器設置為flex屬性。它可以讓子元素基于容器的寬度和高度，自動分配空間。這是讓div水平排列的基礎。

接下來，我們可以使用justify-content屬性調整所在行內元素之間的水平位置。space-between可以使元素距離兩邊相等，effect3可以另外對齊方式來平衡元素位置。

為了讓元素居中對齊，我們還可以使用align-items屬性。它可以將元素上下對齊，讓其更加美觀和整齊。

綜上所述，使用CSS讓div水平排列，并非難事。只需要掌握基礎和相關屬性，就可以輕松處理。