为什么是“宽度”属性在CSS不工作？

所以，当我改变我的网站上的宽度它不工作，我已经尝试改变位置，但它只是不会工作

HTML和CSS:

.wrapper-main{
  display: block;
  height: 54%; !important
  width: 0px;
  background-color: #fff;
  margin-bottom: 15%;
  text-align: center;
  vertical-align: middle;
}

<div class="wrapper-main">
        <section class="section-default">
            <h1 class="header">Signup</h1>
            <form action="includes/sign-up.inc.php" method="post">
             <label for="username" id="label">Username</label><br>
                <input  type="text" id="username" placeholder="Username goes here.">
                <br><br>
                <label for="e-mail" id="label">E-mail</label><br>
                <input  type="text" id="e-mail" placeholder="E-mail goes here.">
                <br><br>
                <label for="pwd" id="label">Password</label><br>
                <input  type="password" id="pwd" placeholder="Password goes here.">
                <br><br>
                <label for="password" id="label">Password</label><br>
                <input  type="text" id="pwd-repeat" placeholder="Password goes here.">
                <br><br>
                <button type="Submit" name="signup-submit">Signup</button>
            </form>
        </section>
    </div>

问题是width value and !important!important value is i值在本例中无效。

正如你在图片中看到的，属性是无效的。尝试为文本表单指定宽度，而不是

  height: 54% !important;
  width: 100px;