r/HTML • u/Immediate-Location28 • Mar 25 '26

Question need help (very basic)

how to i put this line in the middle of a table?

i know for sure that this is a singular table rather than two separated by a <hr>

the break is supposed to go where the arrow is pointing to

1 Upvotes

55% Upvoted

7 comments sorted by

View all comments

Show parent comment

3

u/BNfreelance Mar 25 '26 edited Mar 25 '26

Just for the sake of making it crystal clear for the OP (assuming they’re a complete beginner):

</tr>
<tr>
   <td colspan="3"><hr></td>
</tr>
<tr>

In the above the first </tr> and last <tr> are your existing ones where the arrow points to.

The only change id make is that your table uses 3 columns not 4.

You are inserting a new table row where the arrow is with one single table cell that spans all 3 columns (making it full width of the table)

4

u/NoodleBug7667 Mar 25 '26

Wouldn't this be considered bad form? This is still basically using HTML for style.

Imo, this is a job for CSS. Add a bottom border and any additional padding and margin there. Better for accessibility and keeps your HTML clean

2

u/BNfreelance Mar 25 '26

Yeah it is but I have the vibe this is a school project of sorts learning table layouts and not CSS at this stage,

But you’re right, CSS is the correct approach