在CSS中，div是一個非常重要的元素，它可以被用來創建容器來裝載其他的HTML元素。有時候我們需要將多個div元素水平居中并排，本文將介紹如何使用CSS來實現。

首先，我們需要在HTML代碼中創建多個div元素，然后為它們添加class或id。例如：

<div class="box">div1</div>
<div class="box">div2</div>
<div class="box">div3</div>

接下來，我們需要在CSS中為這些div元素定義樣式。我們可以使用display:inline-block屬性來將它們矩形并排，并且使用text-align:center屬性來將它們居中。代碼如下：

.box{
display:inline-block;
text-align:center;
}

最后，我們需要為父元素定義一個寬度，以便讓這些div元素可以水平居中。我們可以使用margin:auto屬性來實現居中。代碼如下：

.container{
width:80%;
margin:auto;
}

在以上代碼中，我們使用了.container類來定義父元素，并將它的寬度設為80%。這使得一行只能顯示三個div元素。我們還將margin屬性設為auto，以便讓它們水平居中。

綜上所述，我們可以使用以上CSS代碼來創建多個div元素并排居中的效果。這是一種非常簡單、靈活和易于管理的布局方式。