CSS是網頁設計中的重要組成部分，可用來實現各種效果，包括元素的橫排展示。在網頁中，我們經常需要將多個元素橫排展示，這時我們需要設置它們之間的間距。

/* 設置橫向間距 */
div {
display: flex;
justify-content: space-between;
gap: 20px;
}

上述代碼使用了flex布局，justify-content屬性設置了元素之間的間距為space-between。同時，我們還可以使用gap屬性來設置元素之間的間距大小。在這里，我們將gap設置為20px。

如果我們不想使用flex布局，而是使用float屬性，也可以設置橫向間距：

/* 設置橫向間距 */
div {
float: left;
margin-right: 20px;
}

上述代碼使用了float屬性將元素向左浮動，并使用margin-right屬性設置了元素之間的間距為20px。

除此之外，我們還可以使用inline-block屬性和margin-right屬性或padding-right屬性來設置元素之間的間距。例如：

/* 設置橫向間距 */
div {
display: inline-block;
margin-right: 20px;
/* 或 */
padding-right: 20px;
}

總之，無論是使用flex布局、float屬性、inline-block屬性，還是margin-right屬性、padding-right屬性，我們都可以輕松設置元素之間的橫向間距。這樣可以讓我們的網頁更具有美感和排版效果，提升用戶體驗。