Question

I have a table with borders that are set to “none” in CSS. However, I want to put a horizontal line separating each row on the table.
I have tried placing <hr> tags in between each <td> </td> tag for a particular row, but it prints a horizontal black line with small white spaces between each column.

Is there any way to print a horizontal line within a table using a different method?

Answer 1

I’d suggest putting:

<tr style="border-bottom: 1px solid #000;">

on every row you want the line to be on. You can also do this individually for each cell.

---

Update

Id recommend using a css class and a have a separate stylesheet if you can. For example

<tr class="bordered"></tr>

tr.bordered {
    border-bottom: 1px solid #000;
}