Question

I am creating a bunch of tables now as and when I add table header (<th>)table row <tr> and add border to it there are multiple borders coming up. I mean say I have two table headers in a row so each and every th tag will add its own border but I just want want border between the two table header’s (th).

<table>
    <th>Header1</th>
    <th>Header2</th>
    <tr><td>Data1</td><td>Data2</td> </tr>
</table> 

If you refer the above code and if I add borders to say th tag there will be 2 borders between header1 and header2. I just want 1.

Answer 1

Your problem description is vague (in the future, please come up with an SSCCE, so that everyone can just copy’n’paste’n’run it to see what you exactly mean), but at least, a common solution to this “double border” problem is to add border-collapse: collapse property to the parent table in question:

table {
    border-collapse: collapse;
}

Also see this Quirksmode article for several examples.