html - 无法在 Div 中居中输入元素

Question

我试过谷歌搜索，但没有任何帮助，他们中的大多数人都给出了 ma​​rgin:auto 的解决方案并且在 stackoverflow 上也有几个问题具有相同的问题，其中大多数的答案是 margin:auto 我正在应用相同的解决方案对我不起作用

HTML

<div id="content" class="lcard">
    <center>
    <h1 class="n">Sign in To your<br> Crawler Account</h1><br>

<form onsubmit="return validateForm()" method="post">

    <center><input name="Email" required type="email" placeholder="Email">

    <input name="Password" required type="Password" placeholder="Password" >

    <button type="submit"  class="b"><b>Sign In</b></button>
</center>

    <p id="reg" ><a href="C:/lcrawl/register.html" >New User Please Register</a></p>
</form>
 </div>

CSS

.lcard
{
    background-color:#EEEEEE;
    height:400px;
    width:400px;
    margin:left;

}
.n
{
    margin-bottom:50;
    left:-50%;
}
input
{
    padding: 5 10px;
    width:274px;
    height:44px;

    margin:auto;

}

.b
{
    border: 1px solid;
    background-color:#3079ed;
    width:274px;
    height:44px;
    margin:auto;
}

Answer 1

为什么你要在这里留下 margin ？？

.lcard
{
    background-color:#EEEEEE;
    height:400px;
    width:400px;
    margin:left;

}