Question

I have dotted line separating two rows of the table like below.

<table cellspacing="0">
    <tr>
        <td>Issue</td>                               
        <td>Date</td>
    </tr>  
    <td style="border-bottom: 1px dotted red;padding-top:2px;width:800px;"></td>
    <tr>
        <td>Theres is a issue with the code</td>
        <td>09-28-2012</td></tr>
</table>

This is fiddler version. I want to align that date on line somewhere not at the end. How can I do that.

Answer 1

Add colspan = "2" to the td that has the dotted line. colspan and rowspan define how many columns or rows the cell spans, respectively.

Here’s a modified version of your demo: little link.