HTML是一種基礎的網頁設計語言，其中有一種重要的屬性是寬度自動。寬度自動代表元素的寬度會根據內容自動調整，方便網頁設計者美觀地展示內容。以下是一段使用寬度自動的HTML代碼示例：

<div style="width: auto; white-space:nowrap;">
<span>這是一個比較長的句子，但在這個寬度自動的div中，內容會自動換行并不會導致布局錯亂</span>
</div>

在上述示例中，我們使用了div標簽來創建一個容器，設置寬度為auto，即寬度自動。同時，我們還設置了white-space屬性為nowrap，來使文本內容不進行換行。在div中，我們插入了一個span標簽，用來寫入我們想要展示的長句子。由于我們設置了寬度自動，div容器會根據內部內容的長度自動調整寬度，避免了內容超出容器區域導致的布局混亂問題。

在實際的網頁制作中，寬度自動屬性經常被用到，特別是對于需要展示大量數據的情況。通過設置寬度自動，我們可以使得內容自動調整寬度，避免了網頁顯示不完整的狀況，更好地呈現信息。