我有一個表單,我想將文本框和標籤居中放在中間。我怎樣才能做到這一點? (我會認爲對齊左右自動會做到這一點,但它不起作用)。這是我的代碼:如何居中輸入文本框HTML?
<body>
<div id="formWrapper">
</center>
<form method ="post" action="addMember.php">
<label for="name">Username:</label>
<input name="name"/>
<label for="password">Password:</label>
<input name="password"/>
<label for="email">Email:</label>
<input name="email"/>
<p>
<fieldset>
<input class="btn" name="submit" type="Submit" value="Register"/>
<input class="btn" name="reset" type="reset" value="Clear Form">
</fieldset>
</form>
</div>
</body>
風格:
#formWrapper{
width:550px;
padding: 2em 0 2em 0;
border:solid 5px #F1F1F1;
margin-top: 100px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-color: #AFC8DE;
}
'的text-align:center'爲'#DIV formWrapper'應該做它。 – adarshr
我之前嘗試過,它沒有工作,現在它似乎工作,謝謝:D。 –