<div>和<span>是HTML中常用的標簽，用來分組和標記文檔的不同部分。在HTML中，<div>通常用來定義文檔中的塊級元素，而<span>通常用來定義文檔中的內聯元素。除了可以通過CSS樣式來控制這兩個元素的外觀和布局，還可以使用間距來調整它們之間的距離。
<div>和<span>之間的間距可以使用CSS的margin屬性來設置。margin屬性控制元素的外邊距，可以設置為一個具體的數值（像素、百分比等）或者使用預定義的值（如auto）。margin屬性可以設置為一個值來設置四個方向的外邊距（上、右、下、左），也可以分別設置每個方向的外邊距。
下面來看幾個代碼案例詳細解釋和說明：
案例一： 假設有以下HTML代碼：

這是一個div和span之間的例子：

<<div>>這是一個div<</div>>和<</span>>span<</span>>之間的文本。

以上代碼中，<div>和<span>之間沒有設置外邊距，所以它們之間沒有間距。

案例二： 假設有以下HTML代碼：

這是一個設置了外邊距的例子：

<<div style="margin-bottom: 20px;">>這是一個div<<span>>和<<span>>span<</span>>之間的文本。

以上代碼中，<div>和<span>之間設置了20像素的下外邊距，所以它們之間有一個20像素的間距。

案例三： 假設有以下HTML代碼：

這是一個設置了不同方向外邊距的例子：

<<div style="margin-top: 10px; margin-right: 20px; margin-bottom: 30px; margin-left: 40px;">>這是一個div<<span>>和<<span>>span<</span>>之間的文本。

以上代碼中，<div>和<span>之間設置了不同方向的外邊距，分別是上10像素、右20像素、下30像素和左40像素。所以它們之間的間距在四個方向上都不相同。

通過以上幾個代碼案例，我們可以看到如何使用margin屬性來設置和調整<div>和<span>之間的間距。要根據具體的需求和設計要求來決定設置怎樣的間距效果，從而實現更好的視覺效果和布局。在實際開發中，根據實際需求合理使用div和span并設置合適的間距，可以幫助我們更好地組織和展示頁面內容。