行頭揃え(flush right)は行揃えの方法のひとつで、各行の文字列を行末で揃えるものです。文字列の長さが行の長さに満たない場合は行頭側に空きができるため、段落全体では行頭が不揃いになります。
CSSで行末揃えにするには、text-align
プロパティでright
を指定します。縦書きの場合も同様です。
p {
text-align: right;
}
なお、letter-spacing
プロパティで0以外の数値を指定している場合、各文字のボディの右側(縦書きでは下側)のスペースが調整されるため、行末が行を含むブロックの右辺(縦書きでは下辺)とぴったり合わなくなります。これを解消するには要素のmargin-right
プロパティで相殺する必要があります。
p {
text-align: right;
letter-spacing: 0.1em;
margin-right: -0.1em;
}