HTML表格中2行之间的间距

Question

I have a table that has some Fill in the blanks such as a form and I want to create a HTML Table that looks a lot like the real PDF File how do you create 2 Lines in <td> That look a lot like this:

Right now it looks like this in the page:

Here is the Raw HTML of how its done:

  <table> <tr><td><font>Balance Forward: $1,000.00</font><br/> <font>______________________________________</font></td></tr></table> 

Answer 1

You may simply use border :

 span { padding: 0 50px; border-bottom: 1px solid; } 

 <table> <tr> <td> Balance Forward: <span>$1,000.00</span> </td> </tr> </table> 

or like this if you want to keep a table structure

 .border { padding: 0 50px; border-bottom: 1px solid; } 

 <table> <tr> <td> Balance Forward: </td> <td class="border"> $1,000.00 </td> </tr> <tr> <td> Balance Forward: </td> <td class="border"> $10.00 </td> </tr> </table> 

Answer 2

<table>
    <tr>
        <td>
            <font>
                Balance Forward: <u> $1,000.00</u>
            </font>
            <br/>
        </td>
        </t>
</table>

Try the HTML u tag...

Answer 3

 <table> <tr> <td> Balance Forward: </td> <td class="border"> <u>$1,000.00</u> </td> </tr> <tr> <td> Balance Forward: </td> <td class="border"> <u>$10.00</u> </td> </tr> </table>