CSSで行間調整

<p class="div-sample" style="line-height: 100%;">

.div-sample {
    width: 270px;
    margin-right: auto;
    background-color: #FFFFCC;
}

line-height
行間調整用プロパティ。文字サイズ+行間の数値を指定する。
推奨値1.5以上。1.5と150%は同じ指定。px、emでも指定可能。
指定サイズ-文字サイズで余った分が上下均等に割り振られる。

以下、どんな感じになるのかテスト。

未指定

あいうえおかきくけこさしすせそ
たちつてとなにぬねのはひふへほ
まみむめもやらりるれろゆよわをん

200%

あいうえおかきくけこさしすせそ
たちつてとなにぬねのはひふへほ
まみむめもやらりるれろゆよわをん

150%

あいうえおかきくけこさしすせそ
たちつてとなにぬねのはひふへほ
まみむめもやらりるれろゆよわをん

100%

あいうえおかきくけこさしすせそ
たちつてとなにぬねのはひふへほ
まみむめもやらりるれろゆよわをん

50%

あいうえおかきくけこさしすせそ
たちつてとなにぬねのはひふへほ
まみむめもやらりるれろゆよわをん

0%

あいうえおかきくけこさしすせそ
たちつてとなにぬねのはひふへほ
まみむめもやらりるれろゆよわをん

以上。