すべてのdivが1ずつ移動します。

Question

1 divから余白を編集すると、フォーム（div）も移動します。どうすればこの問題を解決できますか？私はいくつかのテキストと3列のようにしたい。

#loginwrapper { 
 
    width: 240px; 
 
    height: 305px; 
 
    float: left; 
 
    margin-left: 25px; 
 
    background: #8FB0BF; 
 
    padding: 5px; 
 
}

<div id="loginwrapper"> 
 
    <div id="login" align="left"> 
 
    <a href="login.php"><input name="naarlogin" type="button" id="loginn_btn" value="Klanten Login" /></a> 
 

 
    <br></br> 
 
    <a href="register.php"><input name="naarregister" type="button" id="registerr_btn" value="Registreren" /></a> 
 

 
    <br></br> 
 
    <a href="login.php"><input name="naarlogin" type="button" id="loginn_btn" value="Instructeurs Login" /></a> 
 

 
    <br></br> 
 
    <a href="register.php"><input name="naarregister" type="button" id="registerr_btn" value="Instructeurs Registreren" /></a> 
 

 
    <br></br> 
 
    </div> 
 
</div>

Answer 1

正しく理解していれば、あなたは個別にDIVを編集したいですか？その場合div IDとしては現時点では となります。loginwrapperはすべてのコードを制御するdivです。あなたが入力を編集したい場合は、手動でそれらにクラスを与え、例

#loginwrapper { 
 
    width: 240px; 
 
    height: 305px; 
 
    float: left; 
 
    margin-left: 25px; 
 
    background: #8FB0BF; 
 
    padding: 5px; 
 
    
 
} 
 
.input_one{ <----this is the class name of the input (this can be anything you like) 
 
margin-right: 25px !important 
 
}

<div id="loginwrapper"> 
 
    <div id="login" align="left"> 
 
    <a href="login.php"><input name="naarlogin" type="button" id="loginn_btn" value="Klanten Login" /></a> 
 

 
    <br></br> 
 
    <a href="register.php"><input name="naarregister" type="button" id="registerr_btn" value="Registreren" /></a> 
 

 
    <br></br> 
 
    <a href="login.php"><input name="naarlogin" type="button" id="loginn_btn" value="Instructeurs Login" /></a> 
 

 
    <br></br> 
 
    <a href="register.php"><input name="naarregister" type="button" id="registerr_btn" value="Instructeurs Registreren" /></a> 
 

 
    <br></br> 
 
    </div> 
 
</div>