<div width padding>是指在HTML中使用div元素設置寬度和填充的一種方式。div是最常用的元素之一，用于創建塊級元素。通過設置width屬性，可以控制div元素的寬度。padding屬性用于設置元素的內邊距，即元素內容與邊框之間的空白區域。在下面的幾個代碼案例中，我們將詳細解釋和說明如何使用<div width padding>來實現不同的布局效果。

案例1：內容居中

<div style="width: 300px; padding: 20px; text-align: center; background-color: #f2f2f2;">
<p>這是一個內容居中的div元素。</p>
</div>

上述代碼創建了一個div元素，設置寬度為300px，內邊距為20px，并將文本內容居中顯示。背景色設置為#f2f2f2，可根據需求進行調整。這樣，內部的文本內容將在div元素的中心位置顯示。

案例2：兩側留白

<div style="width: 500px; padding: 0 20px; background-color: #f2f2f2;">
<p>這是一個兩側留白的div元素。</p>
</div>

上述代碼創建了一個div元素，設置寬度為500px，內邊距為0 20px（即上下邊距為0，左右邊距為20px）。背景色設置為#f2f2f2。這樣，div元素的內容將在兩側各留出20px的空白區域，使內容看起來更加美觀。

案例3：響應式布局

<div style="width: 100%; padding: 20px; background-color: #f2f2f2;">
<p>這是一個響應式布局的div元素。</p>
</div>

上述代碼創建了一個div元素，設置寬度為100%（即占據父容器的全部寬度），內邊距為20px。背景色設置為#f2f2f2。這樣，無論父容器的寬度如何變化，div元素都會自動適應，并且內部的內容會相應地調整位置，實現響應式的布局。

以上是關于<div width padding>的幾個使用案例。通過設置寬度和內邊距，我們可以實現各種不同的布局效果。這些案例只是簡單示例，您可以根據自己的需求進行進一步的調整和修改。希望本文對您有所幫助！