【網頁】CSS縮排教學

（以下文章引用自http://blog.raienet.com/446）

CSS，縮排

為了方便寫作以及資料應用的便利，縮排在網路上幾乎是一項被遺忘的編排技術，這裡介紹 CSS 在縮排上使用的語法。在這之前先來個一般的句子以作為比較。

無縮排
這篇文章的縮排，
不是一般的縮排，
而是沒有縮排。

1. margin-left 整段縮排

<p style="margin-left:25px;">文</p>

整段文章都需要縮排的時候可以使用 margin-left

這篇文章的縮排，
不是一般的縮排，
而是整段縮排。

2. text-indent 首行縮排

<p style="text-indent:25px;">文</p>

首行縮排應用於所有正式文章的排版上，使用 text-indent 即可實現。

這篇文章的縮排，
不是一般的縮排，而是
首行縮排。

3. margin-left & text-indent 除首行皆縮排(首行凸排)

<p style="margin-left:25px; text-indent:-25px;">文</p>

除首行皆縮排可應用於項目符號等需突顯首行文字的情況，margin-left 和負數的 text-indent 併用。

一、這篇文章的縮排，
不是一般的縮排，
而是除首行皆縮排。

（引用文章至此）

---

個人補充：

清單（<ul>或<ol>）有自動縮排的效果，不過HTML和CSS好像沒有像Word一樣自訂項目符號的方法，因此只好用上面所列第三種方法來達到自訂編號並且縮排的目的。