document.write("<ul style=\"margin:1em 2em;\">");
document.write("<li><code>text-align : left ;</code><p style=\"margin:.5em 0; border : 1px dotted orange;\">インラインの内容を左揃え</p></li>");
document.write("<li><code>text-align : right ;</code><p style=\"margin:.5em 0; text-align :right; border : 1px dotted orange;\">インラインの内容を右揃え</p></li>");
document.write("<li><code>text-align : center ;</code><p style=\"margin:.5em 0; text-align :center; border : 1px dotted orange;\">インラインの内容を中央揃え</p></li>");
document.write("<li><code>text-align : justify ;</code><p style=\"margin:.5em 0; text-align :justify; text-justify : inter-ideograph ; border : 1px dotted orange;\">");
document.write("インラインの内容を両端揃えにします。両端揃えをわかりやすくするために、複数行からなる文章量の多い段落を作成します。");
document.write("昔々ある所に子供の居ない老夫婦が住んでいた。ある日、お婆さんが川で洗濯をしていると、大きな桃が流れて来たので、持って帰ってお爺さんと食べようと家に帰った。二人で桃を割ると中から男の子が生まれたので、『桃太郎』と名付けて大事に育てた。成長した桃太郎は、鬼ヶ島の鬼が横暴を働き、人々を苦しめている事を知ると鬼退治を決意し、両親から黍団子を餞別に貰い、途中で犬・猿・雉を黍団子で誘って家来に従え、鬼ヶ島で鬼と一騎打ち、見事に勝利を収め、鬼が搾取した財宝を持ち帰ったとさ。</p></li>");
document.write("<li><code>無指定（両端揃え比較用）</code><p style=\"margin:.5em 0; border : 1px dotted orange;\">");
document.write("text-align : justify ; との比較用です。両端揃えの違いをわかりやすくするために、こちらにも複数行からなる文章量の多い段落を作成します。");
document.write("昔々ある所に子供の居ない老夫婦が住んでいた。ある日、お婆さんが川で洗濯をしていると、大きな桃が流れて来たので、持って帰ってお爺さんと食べようと家に帰った。二人で桃を割ると中から男の子が生まれたので、『桃太郎』と名付けて大事に育てた。成長した桃太郎は、鬼ヶ島の鬼が横暴を働き、人々を苦しめている事を知ると鬼退治を決意し、両親から黍団子を餞別に貰い、途中で犬・猿・雉を黍団子で誘って家来に従え、鬼ヶ島で鬼と一騎打ち、見事に勝利を収め、鬼が搾取した財宝を持ち帰ったとさ。</p></li>");
document.write("</ul>");