<div>標簽是HTML中的一個塊級元素，用于創建一個容器，將其他HTML元素放置在其中并按照一定的布局方式進行顯示。通過使用<div>標簽，我們可以將多個元素并排顯示在同一行或同一列。
下面是一些示例代碼，詳細說明如何使用<div>標簽來實現元素的并排顯示：
1. 將兩個元素并排顯示在同一行：

以下代碼將創建一個包含兩個塊級元素的<div>，并通過設置CSS屬性display為inline-block來實現元素的并排顯示。

<div>
<div style="display: inline-block;">
<p>第一個元素</p>
</div>
<div style="display: inline-block;">
<p>第二個元素</p>
</div>
</div>

在上述代碼中，我們通過為每個元素的<div>容器添加display:inline-block CSS屬性，使它們可以并排顯示在同一行。默認情況下，塊級元素會在新行開始，并占據整行的寬度，通過將它們的display屬性設置為inline-block，可以讓它們在同一行上按照寬度自適應的方式進行顯示。
2. 將多個元素按照一定的比例并排顯示在同一行：

以下代碼將創建一個包含三個塊級元素的<div>，并通過設置CSS屬性flex和flex-basis來實現元素的按比例并排顯示。

<div style="display: flex;">
<div style="flex: 1;">
<p>第一個元素</p>
</div>
<div style="flex: 2;">
<p>第二個元素</p>
</div>
<div style="flex: 1;">
<p>第三個元素</p>
</div>
</div>

在上述代碼中，我們通過為<div>容器設置display:flex CSS屬性，使其成為一個flex容器。然后為每個元素的<div>容器設置flex CSS屬性，來定義它們在同一行中占據的比例。在本例中，第一個和第三個元素的flex屬性值都為1，第二個元素的flex屬性值為2，表示第二個元素的寬度是其他兩個元素的兩倍。
通過上述兩個示例，我們可以看到如何使用<div>標簽和一些CSS屬性來實現元素的并排顯示。根據需要，我們可以選擇不同的布局方式和屬性來實現不同的效果。<div>標簽的強大功能和靈活性使得我們可以輕松地進行網頁布局和設計。