通過CSS樣式，可以設(shè)定文本的縮進，對齊，字符間隔等屬性。

代碼整理自w3school：http://www.w3school.com.cn

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta http-equiv="Content-Language" content="zh-cn">  <!--  (1)設(shè)置首行縮進：text-indent  (2)水平對齊：text-align   (3)字間隔(設(shè)置字,單詞 之間的標(biāo)準(zhǔn)間隔)：word-spacing  (4)字符間隔（設(shè)置字符或字母之間的間隔）：letter-spacing  (5)字符轉(zhuǎn)換（大小寫）：text-transform   (6)文本裝飾：text-decoration  (7)處理空白符：white-space  -->  <style>    body {background-color:#e9e9e9}    span.redStyle {color:red}    p#indentStyle {text-indent:5em}    p#indentStyleNega {text-indent:-5em; padding-left: 5em;}    p#indentStylePercent {text-indent:20%}    div.divFixedWidth {width:500px;background-color:#bfb;}    div#outer {width: 500px;background-color:#bfb}    div#inner {text-indent: 10%;}    p#pFixedWidth {width: 200px;}    p.alignLeftStyle{text-align:left}    p.alignRightStyle{text-align:right}    p.alignCenterStyle{text-align:center}    p.bigWordSpace{word-spacing:0.5em}    p.smallWordSpace{word-spacing:-0.2em}    p.bigLetterSpace{letter-spacing:0.2em}    p.smallLetterSpace{letter-spacing:-0.2em}    p.upperCase span {text-transform:uppercase}    p.lowerCase span {text-transform:lowercase}    p.capitalize span {text-transform:capitalize}    p.underlineStyle {text-decoration:underline}    p.overlineStyle {text-decoration:overline}    p.whiteSpaceNormal {white-space:normal}    p.whiteSpacePre {white-space:pre}    p.whiteSpacePreWrap {white-space:pre-wrap}    p.whiteSpacePreLine {white-space:pre-line}    p.whiteSpaceNoWrap {white-space:nowrap}  </style>  <title>CSS 文本</title><!--CSS文本屬性可定義文本的外觀，可以改變文本的顏色、字符間距，對齊文本，裝飾文本，對文本進行縮進等-->  <h3>(一)首行數(shù)字縮進</h3>  <p id="indentStyle"><span class="redStyle">首行縮進5em的段落。</span>這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容</p>  <h3>(二)首行數(shù)字縮進為負值</h3>  <p id="indentStyleNega"><span class="redStyle">首行縮進-5em,padding-left=5em的段落(懸掛縮進的效果)。</span>這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容</p>  <h3>(三)首行相對父元素百分比縮進</h3>  <div class="divFixedWidth">    <p id="indentStylePercent"><span class="redStyle">首行相對父元素縮進20%。由于父元素是500px,因此本段落首行就縮進100px。</span>這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容這是段落內(nèi)容</p>  </div>  <hr>  <!--text-indent屬性可以繼承-->  <div id="outer">    <div id="inner">      some text. some text. some text.      <p id="pFixedWidth">this is a paragragh.</p>    </div>  </div>  <h3>(四)文本對齊方式</h3>  <!--text-align 是一個基本的屬性，它會影響一個元素中的文本行互相之間的對齊方式。(將塊級元素或表元素居中，要通過在這些元素上適當(dāng)?shù)卦O(shè)置左、右外邊距來實現(xiàn)。)-->  <div class="divFixedWidth">    <p class="alignLeftStyle">這是一個居左的段落</p>    <p class="alignCenterStyle">這是一個居中的段落</p>    <p class="alignRightStyle">這是一個居右的段落</p>  </div>  <hr>  <!--字間隔-->  <h3>(五)字間隔：設(shè)置字,單詞 之間的間隔</h3>  <p>This is a normal paragraph. 這是普通段落，這是普通段落。</p>  <p class="bigWordSpace">The spaces between words will be increased. 單詞之間的間距被擴大了，單詞之間的間距被擴大了。</p>  <p class="smallWordSpace">The spaces between words will be decreased. 單詞之間的間距被縮小了，單詞之間的間距被縮小了。</p>  <p>注：word-spacing屬性對中文無效。</p>  <hr>  <!--字符間隔-->  <h3>(六)字符間隔：設(shè)置字符或字母之間的間隔</h3>  <p>This is a normal paragraph. 這是普通段落，這是普通段落。</p>  <p class="bigLetterSpace">The spaces between letters will be increased. 字符之間的間距被擴大了，字符之間的間距被擴大了。</p>  <p class="smallLetterSpace">The spaces between letters will be decreased. 字符之間的間距被縮小了，字符之間的間距被縮小了。</p>    <hr>  <!--字符轉(zhuǎn)換-->  <h3>(七)字符轉(zhuǎn)換：改變字母的大小寫</h3>  <p class="upperCase">Hello world轉(zhuǎn)為大寫：<span>Hello world<span></span></span></p>  <p class="lowerCase">Hello world轉(zhuǎn)為大寫：<span>Hello world<span></span></span></p>  <p class="capitalize">Hello world轉(zhuǎn)為每個單詞首字母大寫：<span>Hello world<span></span></span></p>    <hr>  <!--字符裝飾-->  <h3>(八)字符裝飾：下劃線/貫穿線 等</h3>  <p class="underlineStyle">下劃線</p>  <p class="overlineStyle">上劃線</p>  <hr>  <!--空格處理-->  <h3>(九)空格處理</h3>  <p class="whiteSpaceNormal">(1)normal:這個    段落里面有 很多 的空格    以及很多的換行符，測試  不同的     空格處理方式</p>  <p class="whiteSpacePre">(2)pre:這個    段落里面有 很多 的空格    以及很多的換行符，測試  不同的     空格處理方式</p>  <p class="whiteSpacePreWrap">(3)pre-wrap:這個    段落里面有 很多 的空格    以及很多的換行符，測試  不同的     空格處理方式</p>  <p class="whiteSpacePreLine">(4)pre-line:這個    段落里面有 很多 的空格    以及很多的換行符，測試  不同的     空格處理方式</p>  <p class="whiteSpaceNoWrap">(5)nowrap:這個    段落里面有 很多 的空格    以及很多的換行符，測試  不同的     空格處理方式</p>