CSS是一種用于樣式和布局的語言，可以控制HTML文檔中各元素的外觀和位置。在網頁設計中，我們經常遇到需要將兩個或多個div水平對齊的情況。

下面介紹兩種實現方法：

1. 使用Flexbox

.wrapper{
display:flex;
justify-content:space-between;
}

使用Flexbox布局，將包含兩個div的父元素設置為display:flex，然后使用justify-content:space-between將兩個div分別對齊到父元素的左右兩端。

2. 使用float屬性

.left{
float:left;
}
.right{
float:right;
}
.clearfix::after{
content:"";
display:block;
clear:both;
}

使用float屬性，將第一個div設為float:left，第二個div設為float:right，然后為父元素添加clearfix類，通過clearfix::after來進行清除浮動的操作，使兩個div在同一水平線上。

以上是兩種常用的div水平對齊方法，可以根據實際需求選擇適合的方法進行布局。特別是在響應式布局中，使用Flexbox更為方便快捷。