<div>標簽是HTML中最常見的元素之一，它被用于創建頁面上的分區或容器。可以使用CSS樣式來控制<div>元素的寬度。而<label>標簽則用于給表單元素提供標簽或注釋。在本文中，我們將詳細介紹如何通過CSS樣式來控制<div>和<label>元素的寬度。
，讓我們看一個簡單的例子，展示如何使用CSS來控制<div>元素的寬度：

<style>
.container {
width: 200px;
background-color: #f2f2f2;
padding: 20px;
}
</style>
<br>
  <div class="container">
<p>這是一個寬度為200像素的容器</p>
</div>

在上面的例子中，我們給<div>元素應用了名為"container"的樣式類。然后，通過設置樣式類中的width屬性為200像素，我們控制了<div>元素的寬度。此外，我們還通過padding屬性為<div>元素添加了一些內邊距，以使內容與<div>元素的邊緣之間保持一定距離。
接下來，我們將介紹如何通過CSS來控制<label>元素的寬度。下面是一個實際的例子：

<style>
.form-label {
display: block;
width: 100px;
margin-bottom: 10px;
}
</style>
<br>
  <label class="form-label">名稱:</label>

在上述代碼中，我們給<label>元素應用了名為"form-label"的樣式類。通過設置樣式類中的display屬性為block，我們確保<label>元素在獨立行顯示。然后，通過設置樣式類中的width屬性為100像素，我們控制了<label>元素的寬度。此外，我們還通過margin-bottom屬性為<label>元素添加了一些底部邊距，以與下方的表單元素保持一定距離。
以上是兩個簡單的示例，展示了如何使用CSS來控制<div>和<label>元素的寬度。當然，你可以根據自己的需求進行更復雜的樣式設置。在實際項目中，我們通常會根據UI設計的要求或頁面布局的需要，來設置不同元素的寬度。
參考資料: - "Understanding the div Element in HTML" - https://www.lifewire.com/definition-of-html-div-element-3467394 - "Styling Labels in CSS" - https://css-tricks.com/styling-labels-css/