HTML table row height reduction

Question

I have a table with several rows. I want the height of the 1st and 3rd line to be set to 1 px, and the second line to normal. But my code is not working.

HTML code below

<table border="0"> <tr style="height:2px;" > <td width="10"><hr></td> </tr> <tr style="height:20px;" > <td width="10">Hello</td> </tr> <tr style="height:20px;" > <td width="10"><hr></td> </tr> </table> 

Can someone tell me how to do this?

Note I do not want to use borders because I want certain lines to or may not need a horizontal line inside the lines.

Answer 1

Add style="padding:0px; margin:0px;" to your hr and change the height your third tr to 2px

You will have:

 <table border="0"> <tr style="height:2px;" > <td width="10px"><hr style="padding:0px; margin:0px;"></td> </tr> <tr style="height:20px;" > <td width="10px">Hello</td> </tr> <tr style="height:2px;" > <td width="10px"><hr style="padding:0px; margin:0px;"></td> </tr> </table>