所有 div 移动 1 css

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？在那种情况下，目前你不能，因为 div id="loginwrapper" 是一个 div 来控制你的所有代码。如果你想手动编辑输入给他们一个 class 并在 css 中编辑它们例如

#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>

所有 div 移动 1 css

All divs move by 1 css

html

css