I'm having trouble creating margins for my table. My html looks like this:
Code:
<!doctype html>
<html>
	<head>
		<Title>EMP - Login</title>
		<link rel="stylesheet" type="text/css" href="login.css">
	</head>
	
	<body>
		<table id="user_and_pass">
			<tr>
				<td id="tbl_user"><b>Username:</b></td>
			</tr>
			<tr>
				<td id="tbl_user_txt"><input type="text", name="txt_user"></td>
			</tr>
			<tr>
				<td id="tbl_pass"><b>Password:</b></td>
			</tr>
			<tr>
				<td id="tbl_pass_txt"><input type="text", name="txt_pass"></td>
			</tr>
			<tr>
				<td id="tbl_casing">Passwords are case sensative.</td>
			</tr>
			<tr>
				<td id="tbl_forgot"><a href="">Forgot your password?</a>
				<td id="tbl_btn_login"><button name="btn_login">Login</button></td>
			</tr>
		</table>
		
		<table id="new_user">
			<tr>
				<td id="tbl_new_acc">Don't have an account?</td>
			</tr>
			<tr>
				<td id="tbl_new_acc_btn"><button name="btn_new_account">Get one now</button></td>
			</tr>
			<tr>
				<td id="tbl_easy">It's easy!</td>
			</tr>
		</table>
		
</html>
And my CSS looks like this:
Code:
table #tbl_user_txt, #tbl_pass_txt
{
margin-bottom:15px;
}

table #tbl_casing
{
color:grey;
font-size:11px;
}
But the user/pass textboxs don't have space below them as I expect they should. So it leads me to believe that margins are not supported in tables, or I'm doing it wrong.