div 是 HTML 中的一個常用標簽，主要用于創建塊級元素。默認情況下，div 元素在頁面中會靠左對齊。但是在某些特定的場景下，我們可能希望 div 元素不再靠左顯示。本文將詳細講解如何實現 div 不靠左的效果，并參考其他文章的真實案例。
，我們可以使用 CSS 來改變 div 元素的對齊方式。通過設置 div 元素的text-align屬性，我們可以將其對齊方式改為居中、靠右或者其他自定義的方式。
例如，下面的代碼演示了如何將 div 元素的內容居中顯示：

html
<p>下面的 div 元素的內容將被居中顯示：</p>
<pre>
<div style="text-align: center;">
<p>這是一個居中顯示的 div 元素。</p>
</div>

在上述代碼中，通過設置 div 元素的style屬性，將text-align設置為center，即可將 div 元素的內容居中顯示。
除了改變對齊方式，我們還可以使用 CSS 的margin和padding屬性來控制 div 元素的邊距和內邊距，以實現不靠左的效果。
例如，下面的代碼演示了如何使用margin屬性將 div 元素向右移動：
html

下面的 div 元素將向右移動 20 像素：

<div style="margin-left: 20px;">
<p>這是一個向右移動的 div 元素。</p>
</div>

在上述代碼中，通過設置 div 元素的style屬性，將margin-left設置為20px，即可將 div 元素向右移動 20 像素。
類似地，我們還可以使用margin-right、margin-top和margin-bottom屬性來控制 div 元素的右邊距、上邊距和下邊距。
除了自身的屬性以外，我們還可以使用 CSS 的position屬性來控制 div 元素的位置。通過設置 div 元素的position為relative，然后結合left和top屬性，可以實現將 div 元素相對于其正常位置進行移動。
例如，下面的代碼演示了如何使用position和left屬性將 div 元素向右移動：
html

下面的 div 元素將向右移動 20 像素：

<div style="position: relative; left: 20px;">
<p>這是一個向右移動的 div 元素。</p>
</div>

在上述代碼中，通過設置 div 元素的style屬性，將position設置為relative，并將left設置為20px，即可將 div 元素向右移動 20 像素。
綜上所述，通過使用 CSS 的text-align、margin和padding屬性，以及position屬性結合left和top` 屬性，我們可以實現 div 不靠左的效果。