html - 我必须在页面的顶部中心对齐图像。我已经尝试了几乎所有我知道的可能的事情

Question

<div class="limiter">
  <div class="container-login100">
    <img width="500" height="40" src="../plugins/images/Electronic Document Management System.png">
    <div class="wrap-login100">
      <form class="login100-form validate-form">
        <p style="color: #1A0D44" class="login100-form-title p-b-10">
          Login
        </p>
        </br>
        <div class="wrap-input100 validate-input" data-validate="Valid email is: a@b.c">
          <input class="input100" type="text" name="email">
          <span class="focus-input100" data-placeholder="Email"></span>
        </div>

        <div class="wrap-input100 validate-input" data-validate="Enter password">
          <span class="btn-show-pass">
    							<i class="zmdi zmdi-eye"></i>
    						</span>
          <input class="input100" type="password" name="pass">
          <span class="focus-input100" data-placeholder="Password"></span>
        </div>
        <div style="margin:auto 0; text-align: center;">
          <button type="button" href="">Forgot Password?</button>
        </div>
        </br>
        <div style="margin:auto 0; text-align: center;">
          <button type="button" style=" background-color: #1A0D44; color: white;  padding: 5px 15px;
    							border-radius: 60px; border: 1px solid #1A0D44 ;" data-toggle="modal">Login</button>
        </div>


      </form>
    </div>
  </div>
</div>

Answer 1

你试过给它一个柔性显示器吗？

https://www.w3schools.com/css/css3_flexbox.asp