在前端開發中，HTML是一項必備的技能。在HTML中使用div標簽可以創建獨立的容器，但默認情況下div會按照垂直方向排列。如果我們想要讓多個div在同一行橫向排列，該怎么做呢？下面就簡要介紹一下如何使用HTML來設置div橫排。

首先，我們需要理解CSS中的盒子模型。盒子模型將HTML文檔中的每個元素看做一個箱子，它由四個部分組成，分別是margin（外邊距）、border（邊框）、padding（內邊距）和content（內容）。當我們使用CSS進行布局時，就是在控制這些盒子的大小、位置、背景色等屬性。

在HTML中創建一個div，我們可以使用以下代碼：

<div></div>

接下來，我們可以使用CSS中的display屬性來設置div的排列方式。display屬性有多個取值，其中inline-block是最常用的屬性值之一。它可以將一個元素顯示為內聯塊級元素，從而在同一行顯示多個元素。

下面就是一段示例代碼，其中包含了兩個div并使用了inline-block屬性來設置它們橫向排列：

<style>
.box {
width: 100px;
height: 100px;
border: 1px solid black;
display: inline-block; /* 設置為內聯塊級元素 */
}
</style>
<div class="box"></div>
<div class="box"></div>

通過上面的示例代碼，我們就可以在同一行將兩個div排列起來了。當然，我們也可以在CSS中使用float屬性來實現相同的效果。這里就不再贅述了。

總結一下，要使用HTML來設置div橫排，我們需要理解盒子模型，使用div標簽創建容器，然后在CSS中使用display屬性將它們設置為內聯塊級元素或使用float屬性來實現相應的效果。