<div style="text-align: center">是一種用于在HTML中居中元素的CSS樣式。通過使用<div>標簽并設置其樣式為"text-align: center"，可以輕松地居中元素。這種方法適用于居中文本、圖片、按鈕和其他HTML元素。下面將演示幾個實例來詳細說明如何使用<div style="text-align: center">來實現元素的居中效果。

<div style="text-align: center">

示例1：

<p><div style="text-align: center"></p>
<p><h1>這是一個居中的標題</h1></p>
<p></div></p>

上述代碼中，我們使用了<div>標簽并設置其樣式為"text-align: center"。在<div>標簽內部，我們嵌套了一個<h1>標簽，該標簽包含了一個標題文本。由于<div>樣式為居中對齊，所以<h1>標簽內的文本將在父元素中居中顯示。

示例2：

<p><div style="text-align: center"></p>
<p><img src="image.jpg" alt="居中的圖片"></p>
<p></div></p>

在這個例子中，我們使用<div>標簽將一張圖片嵌套在其中，并將樣式設置為"text-align: center"。由于<div>樣式的設置，圖像將在父容器中水平居中顯示。

示例3：

<p><div style="text-align: center"></p>
<p><button>點擊我</button></p>
<p></div></p>

這個示例展示了如何使用<div style="text-align: center">來居中一個按鈕。通過將按鈕嵌套在<div>標簽內，并設置<div>的樣式為"text-align: center"，按鈕將在父元素中水平居中顯示。

通過上述實例，我們可以看到如何使用<div style="text-align: center">來輕松地實現元素的居中效果。無論是文本、圖像還是按鈕，我們都可以使用這個簡單的CSS樣式來實現居中對齊，使我們的網頁更加美觀和吸引人。