字下げ、禁則処理などを行いたい時は、
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん
<div style="margin-left:
30px; width:
600px; line-break: strict; ">
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん
</div>
のように書きます。すると、
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん
のように表示されます。
30の数字が字下げの度合いを表します。数字が大きければ大きく字下げします。
600の数字が幅の度合いを表します。数字が大きければ幅が大きくなります。
入れ子という書き方もできます。
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん
<div style="margin-left: 30px; width: 600px; line-break: strict; ">
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん
<div style="margin-left: 30px; width: 570px; line-break: strict; ">
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん
</div>
</div>
と書きますと、
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん
と表示されます。
内側の字下げ(30)には、外側の字下げ分(30)も含まれ60になります。
内側の幅は、外側と合わせるため、内側の字下げ分(30)を引いて570としました。
慣れないと分かりにくいかも知れませんが、何度が試しているうちに理解が深まると思います。
改行させたく無い場合は、
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん
<div style="margin-left: 30px; width: 600px; line-break: strict; ">あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん
<div style="margin-left: 30px; width: 570px; line-break: strict; ">あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん</div></div>
のように調整します。
結果は、
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよらりるれろわをん
のようになります。