<!DOCTYPE html>
<html>
<head>
<title>单选按钮对齐</title>
<style type="text/css">
div {
margin: 10px;
padding-bottom: 10px;
max-width:360px;
}
.title {
float: left;
width: 100px;
text-align: right;
padding-right: 10px;}
.submit {
text-align: right;}
</style>
</head>
<body>
<h1>软件开发，成就梦想</h1>
<form method="post">
<div>
<label for="name" class="title">用户名:</label>
<input type="text" id="name" name="name" />
</div>
<div>
<label for="password" class="title">密码:</label>
<input type="password" id="password" name="password" />
</div>
<div>
<span class="title">性别:</span>
<input type="radio" name="gender" id="male" value="M" />
<label for="male">男</label>
<input type="radio" name="gender" id="female" value="F" />
<label for="female">女</label><br />
</div>
<div class="submit">
<input type="submit" value="提交" id="submit" />
</div>
</form>
</body>
</html>
