在網頁設計中，調整頁面元素之間的距離十分重要。在HTML中，寬度和間距可以通過CSS屬性來設置。在這里，我們將學習如何設置HTML寬距以改進您的網頁設計。

寬度屬性可以通過CSS的width屬性來設置。例如，您可以設置一個元素的寬度為500像素，如下所示：

.element {
width: 500px;
}

邊距屬性可以通過CSS的margin屬性來設置。例如，您可以設置一個上邊距為10像素，右邊距為20像素，下邊距為30像素，左邊距為40像素的元素，如下所示：

.element {
margin: 10px 20px 30px 40px;
}

以上例子中，“10px 20px 30px 40px”是一個縮寫，表示上、右、下、左四個方向的邊距，順序不可變。

一些開發者更喜歡使用padding屬性來設置元素的邊距。它的用法和margin屬性類似，只是它設置的是元素內容和元素邊緣之間的距離。例如，您可以設置一個元素的內距為20像素，如下所示：

.element {
padding: 20px;
}

總體而言，設置寬距是網頁設計的基礎之一。正確地使用寬度和間距屬性可以使頁面更整齊、更易于閱讀，并幫助您實現所需的設計目標。