在制作網頁時，CSS是一個非常重要的工具，它能夠幫助我們控制頁面的樣式。其中，控制元素之間的距離是CSS的一項重要任務。其中，設置水平距離也是其中的一項任務。

代碼示例：
.class{
margin-left: 50px;
margin-right: 50px;
}

在上述代碼中，我們使用了 margin-left 和 margin-right 屬性來設置元素和其他元素之間的水平距離。在這個例子中，我們給元素添加了 50 像素的左邊距和右邊距。這意味著我們的元素將會和其他元素相隔 100 像素。

除了margin-left 和 margin-right屬性之外，還有另外一種常用的方法，那就是使用padding屬性。在使用padding屬性時，我們將不會設置元素和其他元素之間的距離，而是設置元素內部和元素的邊框之間的距離。

代碼示例：
.class{
padding-left: 50px;
padding-right: 50px;
}

在這個例子中，我們為元素設置了 padding-left 和 padding-right 屬性，分別為 50 像素。這意味著在元素內部的邊框和元素的外邊距之間，將會有 50 像素的距離。

總之，在CSS中，我們有很多方法來設置元素之間的水平距離。在實際應用中，我們可以根據實際情況選擇適合的方法。