HTML

<p class="css-align_left">アムロ、行きまーす！</p>
<p class="css-align_center">アムロ、行きまーす！</p>
<p class="css-align_right">アムロ、行きまーす！</p>

CSS

.css-align_left {text-align: left;}
.css-align_center {text-align: center;}
.css-align_right {text-align: right;}

HTML

<p class="css-align_justify">かつてジオン・ダイクンは、人類の革新は宇宙の民たる我々から始まると言った。しかしながら地球のモグラ共は、自分たちが人類の支配権を有すると増長し、我々に抗戦する。諸君の父も、子も、その連邦の無思慮な抵抗の前に死んでいったのだ！この悲しみも、怒りも、忘れてはならない！それをガルマは、死をもって我々に示してくれた！我々は今、この怒りを結集し、連邦軍に叩きつけて、初めて真の勝利を得ることができる。この勝利こそ、戦死者全てへの最大の慰めとなる。</p>

CSS

.css-align_justify {
text-align: justify;
text-justify:inter-ideograph;
}

HTML

<table class="css-align_last">
<tr><th>アムロ・レイ</th></tr>
<tr><th>シャア・アズナブル</th></tr>
<tr><th>セイラ・マス</th></tr>
</table>

CSS

.css-align_last th {
width: 140px;
-moz-text-align-last: justify;
text-align-last: justify;
text-justify:inter-ideograph;
}

HTML

<p class="css-indent">我が、忠勇なるジオン軍兵士たちよ。今や、地球連邦軍艦隊の半数が、我がソーラ・レイによって宇宙に消えた。
この輝きこそ、我らジオンの正義の証しである。決定的打撃を受けた地球連邦軍に、いかほどの戦力が残っていようと、それは既に、形骸である。</p>

CSS

.css-indent {
text-indent: 1em;
}

HTML

<p class="css-palt">「殴ったね!」「２度もぶった！親父にも殴られたこと無いのに！」</p>

CSS

body {
font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
//実装可能なfont-familyを指定
}
.css-palt {
font-feature-settings: "palt" 1;
letter-spacing: 0.1em; //文字が詰まりすぎる印象になる為、合わせてletter-spacingを使うと効果的
}