在排版中離不開文本的對齊方式。在CSS中常常使用text-align來實現文本的對齊風格的設置。其中主要有四種風格：
? 左對齊，取值left
? 居中對齊，取值center
? 右對齊，取值right
? 兩端對齊，取值justify
為了簡化操作，方便使用，Bootstrap通過定義四個類名來控制文本的對齊風格：
? .text-left：左對齊
? .text-center：居中對齊
? .text-right：右對齊
? .text-justify：兩端對齊
具體源碼查看bootstrap.css文件第488行~第499行：
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
例如下面的四行代碼，分別定義文本的四種不同的對齊風格：
<p class="text-left">我居左</p> <p class="text-center">我居中</p> <p class="text-right">我居右</p> <p class="text-justify">我兩端對齊</p>
特別聲明：目前兩端對齊在各瀏覽器下解析各有不同，特別是應用于中文文本的時候。所以項目中慎用。
我也來試式：完成下面任務
在右側代碼編輯器中第15行輸入正確代碼，讓文本向右對齊顯示：
“給我加個類，我就向右對齊。”
下面是正確代碼：
<p class="text-right">給我加個類，我就向右對齊。</p>
請驗證，完成請求
由于請求次數過多，請先驗證，完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報