2015年2月3日 星期二

CSS text-align 水平對齊設計程式碼

程式碼記錄:CSS text-align 水平對齊設計

範例一程式碼
<div style="border:1px gray solid;width:600px;line-height:40px;text-align:left;">
這是靠左對齊的測試文字
</div>
範例二程式碼
<div style="border:1px gray solid;width:600px;line-height:40px;text-align:center;">
這是置中對齊的測試文字
</div>
範例三程式碼
<div style="border:1px gray solid;width:600px;line-height:40px;text-align:right;">
這是靠右對齊的測試文字
</div>