正確對齊HTML標籤

Question

我是HTML對齊的新手。我有三個輸入字段，但沒有正確對齊。

<form> 
username:<input type="text" name="username" value="ENTER NAME HERE" /><br> 
id:<input type="text" name="id" value="ENTER ID HERE" /><br> 
age:<input type="text" name="age" value="ENTER AGE HERE" /> 
</form> 

請幫我調整使用colspan或rowspan，使輸入字段看起來不錯。

Answer 1

試試這個：

<div id="userdata"> 
<div><label>Enter Name</label><input type="text" /></div> 
<div><label>Enter Id</label><input type="text" /></div> 
<div><label>Enter Age</label><input type="text"/></div> 
</div> 

Answer 2

使用它們的表：

<div id="userdata"> 
    <table> 
    <tr> 
     <td>Enter Name</td><td><input type="text" /></td> 
    </tr> 
    <tr> 
     <td>Enter ID</td><td><input type="text" /></td> 
    </tr> 
    <tr> 
     <td>Enter Age</td><td><input type="text" /></td> 
    </tr> 
    </table> 
</div> 

Answer 3

試試這個.. 這是正常工作的HTML對齊老虎鉗

<form> 
<div style="width:300px"> 
<div style="float:left">username:</div><div style="float:right"><input type="text" name="username" value="ENTER NAME HERE" /></div><br> 
<div style="float:left">id:</div><div style="float:right"><input type="text" name="id" value="ENTER ID HERE" /></div><br> 
<div style="float:left">age:</div><div style="float:right"><input type="text" name="age" value="ENTER AGE HERE" /></div> 
</div> 
</form>