如何並排對齊html和css中的兩個輸入欄？

Question

我想並排對齊html和css中的兩個輸入欄。這是組成一個表格。我想要這樣的東西。 side by side bars

Answer 1

所以因爲你沒有做任何事，我只是要拿出一個答案：

label { width: 200px; float: left; margin: 0 20px 0 0; } 
 
span { display: block; margin: 0 0 3px; font-size: 1.2em; font-weight: bold; } 
 
input { width: 200px; border: 1px solid #000; padding: 5px; }

<form> 
 
    <label for="email"> 
 
    <span>Email</span> 
 
    <input type="email" id="email" placeholder="Email" /> 
 
    </label> 
 
    <label for="password"> 
 
    <span>password</span> 
 
    <input type="password" id="password" placeholder="Password"/> 
 
    </label> 
 
</form>

希望這有助於