H1 標題本身其實是一個區塊性質，預設會佔掉一行的空間，雖然我們無法直接設定 H1 標題文字置中或是靠右，但我們可以透過 DIV 區塊間的關係，來設計出 H1 標題文字置中的效果。為了能夠清楚的了解讓 H1 標題文字置中或是靠右的手法，我們先將程式分為＂H1 標題語法＂以及＂CSS text-align 置中語法＂這兩個部分，然後再做結合看輸出結果。

H1 標題語法

<h1>這裡是範例標題</h1>
這裡是文章內容 .....................

網頁中最重要的標題通常會用 <h1> 標籤來標示，請參閱：HTML H1 H2 H3 H4 H5 H6 標題。

CSS text-align 置中語法

DIV 區塊標籤使用了 text-align:center 這樣的語法，其中的所有元素都會置中，詳細用法請參閱：CSS text-align 水平對齊。

CSS H1 置中與靠右的語法結合

<div style="text-align:center;"><h1>這裡是置中範例標題</h1></div>
這裡是文章內容 .....................

<div style="text-align:right;"><h1>這裡是靠右範例標題</h1></div>
這裡是文章內容 .....................

輸出結果如

這裡是置中範例標題

這裡是文章內容 .....................

這裡是靠右範例標題

這裡是文章內容 .....................

從範例中顯而易見，H1 之所以能夠置中或是靠右，主要是因為上層的 DIV 區塊設定了文字的排版方式，DIV 區塊制定其內部的所有元素都要置中或靠右，所以 <h1> 標題文字也跟著置中或靠右，這樣的寫法與 H1 標籤早期預設的 align 不太一樣。

相關主題研究

CSS H1 標題置中與靠右語法

這裡是置中範例標題

這裡是靠右範例標題