html - Remove line from top of table -

i have searched site , others cannot solve issue html or css. line appears above table here.

here code:

<table border="0" width="840" cellspacing="0" cellpadding="1"><colgroup> <col style="width: 70%;" /> <col style="width: 30%;" /> </colgroup> <tbody><tr><td> <h1 style="text-align: center;"><span style="font-family: calibri,geneva,sans-serif;"><strong><span style="font-size: 28px;">learn paddle. make friends. have fun.</span></strong></span></h1> </td> <td>test</td> </tr> </tbody> </table> 

please help

for reason, <td>s have borders. able remove them css using inspector. change <td style="border: 0;"> (or make class).