<hr /> didnt work in table tag.

[rikuseo]

<td><table style="margin-left:100px;margin-top:50px">


<caption> Sign In </caption>
<form action="">

<td style="width:200px">Login:</td> <td> <input type="text" name="loginId" /> <br /> </td>
<tr>
<td style="width:200px">Password:</td> <td> <input type="password" name="password" /><br /> </td> </tr>
<tr>
<th colspan="2"><input type="button" value="Login"><form><input type="radio" name="rememberLogin" value="1" />Remember Me</form></th>
</tr>

</form>
<tr><td>No Account?<a href="file:///C:/Users/admond/Desktop/sightour/sightour-main.html">Register</a></td></tr><br />
<tr><td><a href="">Forgotten Password</a></td></tr>
</table></td>

</table>


When I try to put <hr /> after the 'Sign In' It doesn't put a horizontal line after my Sign In but before it, what I mean is at the head position of my table, how to deal with it?

And how to make a double space for my table content?

[Corrosive]

Better question is why lay out a form with tables? You can control the display of individual form elements using their tag name and CSS or by applying CSS classes or IDs.