Межстрочный интервал в таблице

Question

Теперь строки внутри каждой строки слишком близки:

 <table class="topics" >
        <tr>
            <td style="white-space: nowrap; padding: 0 5px 0 0; color:#3A5572; font-weight: bold;">Test</td>
            <td style="padding: 0 4px 0 0;">1.0</td>
            <td>abc</td>
        </tr>
        <tr>

            <td style="white-space: nowrap; padding: 0 5px 0 0; color:#3A5572; font-weight: bold;">test2</td>
            <td style="padding: 0 4px 0 0;">1.3</td>
            <td>def</td>
        </tr>
    </table>

Я пытаюсь изменить .topics td { line-height: 16px; }, но тоже самое.Я хочу, чтобы строки внутри строки были дальше.

Answer 1

Просто увеличьте высоту линии, например..topics td { line-height: 30px; }.Здесь вы можете увидеть, как работает ваш код: http://jsfiddle.net/XLRwu/

Answer 2

 .topics td { line-height: 30px; }