Question

Supposed I have code like:

<table>
    <tr style="background-color: red"><td><pre>This is line one</pre></td></tr>
    <tr style="background-color: red"><td><pre></pre></td></tr>
    <tr style="background-color: red"><td><pre>This is line three</pre></td></tr>
    <tr style="background-color: red"><td><pre>This is line four</pre></td></tr>
</table>

What I would like is for the second line to be the same height as the other lines. Is there a way to do this?

Answer 1

HTML solution :

Change

<tr style="background-color: red"><td></td></tr>

to

<tr style="background-color: red"><td>&nbsp;</td></tr>

But you should really use CSS classes to set the style of your rows instead of using the “style” attribute.