text-align : left ;

インラインの内容を左揃え

text-align : right ;

インラインの内容を右揃え

text-align : center ;

インラインの内容を中央揃え

text-align : justify ;

インラインの内容を両端揃えにします。両端揃えをわかりやすくするために、複数行からなる文章量の多い段落を作成します。 昔々ある所に子供の居ない老夫婦が住んでいた。ある日、お婆さんが川で洗濯をしていると、大きな桃が流れて来たので、持って帰ってお爺さんと食べようと家に帰った。二人で桃を割ると中から男の子が生まれたので、『桃太郎』と名付けて大事に育てた。成長した桃太郎は、鬼ヶ島の鬼が横暴を働き、人々を苦しめている事を知ると鬼退治を決意し、両親から黍団子を餞別に貰い、途中で犬・猿・雉を黍団子で誘って家来に従え、鬼ヶ島で鬼と一騎打ち、見事に勝利を収め、鬼が搾取した財宝を持ち帰ったとさ。

無指定(両端揃え比較用)

text-align : justify ; との比較用です。両端揃えの違いをわかりやすくするために、こちらにも複数行からなる文章量の多い段落を作成します。 昔々ある所に子供の居ない老夫婦が住んでいた。ある日、お婆さんが川で洗濯をしていると、大きな桃が流れて来たので、持って帰ってお爺さんと食べようと家に帰った。二人で桃を割ると中から男の子が生まれたので、『桃太郎』と名付けて大事に育てた。成長した桃太郎は、鬼ヶ島の鬼が横暴を働き、人々を苦しめている事を知ると鬼退治を決意し、両親から黍団子を餞別に貰い、途中で犬・猿・雉を黍団子で誘って家来に従え、鬼ヶ島で鬼と一騎打ち、見事に勝利を収め、鬼が搾取した財宝を持ち帰ったとさ。