<!DOCTYPE html> < html > < head > < title >单选按钮对齐</ title >
. .. . . <!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 > . . < h2 >学编程，上利永贞网 https://www.liyongzhen.com/</ h2 > . . < 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 > . . .. .. .
