HTML/form-align.html

<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Form Align</title>
	<style>
		div {
			border-bottom: 1px solid #efefef;
			margin: 10px;
			padding-bottom: 10px;
			width: 300px;
		}
		.title {
			float: left;
			width: 100px;
			text-align: right;
			padding-right: 10px;
		}
		.radio-buttons label {
			float: none;
		}
		#submit {
			text-align: right;
		}
	</style>
</head>
<body>
	<form action="example.php" method="post">
		<div>
			<label for="name" class="title">Name:</label>
			<input type="text" id="name" name="name" />
		</div>
		<div>
			<label for="email" class="title">Email:</label>
			<input type="email" id="email" name="email" /> 
		</div>
		<div>
			<span class="title">Gender</span>
			<input type="radio" name="gender" id="male" value="M" />
			<input type="radio" id="female" name="gender" value="F" />
			<label for="female">Female</label><br />
		</div>
		<div>
			<input type="submit" value="Register" id="submit" />
		</div>
	</form>
</body>
</html>