日々のこと

HTMLやCSSのことも書いています。

左揃え、右揃え、中央揃えにする方法

スポンサーリンク

左揃え、右揃え、中央揃えにする方法

HTMLを書いていて、テキストなどを「左揃え、右揃え、中央揃え」にしたい
というときがありますが、その方法について書いてみました。

テキストなどの位置を変えるには

align属性を使用する。

(例)左揃えにする場合

<div align="left">左揃え</div>

左揃え、右揃え、中央揃えにする場合

<div align="left">左揃え</div>
<div align="right">右揃え</div> 
<div align="center">中央揃え</div>

セル内のテキストを揃える場合

<td align=""> ~ </td>

を使用する。

セル内のテキストを左揃え、右揃え、中央揃えにする場合

<td align="left">左揃え</td>
<td align="right">右揃え</td> 
<td align="center">中央揃え</td>

まとめ

今回書いたこと
・テキストを左揃えなどにするにはalign属性を使用する
・テキストなどを左揃え、右揃え、中央揃えにする方法
・セル内のテキストを左揃え、右揃え、中央揃えにする方法

読まれている記事
www.hibinokoto01.com
www.hibinokoto01.com