このフォームを中央に置くことはできません

Question

私は見て見ていて、私はこのクルドを中心にできません。 ヘルプをいただければ幸いです。

これは終了引用符がmissing.I'llを使用して好みだったあなたのHTML自体に問題がありました関連するHTML

.fade-form { 
 
    display: inline-block; 
 
    text-align: center; 
 
    color: #ffffff; 
 
    text-align: center; 
 
    animation-name: opac; 
 
    animation-delay: 1.3s; 
 
}

<div class="fade-form"> 
 
\t \t <form action=" C:\wamp64\www\data.php" method="post"> 
 
\t \t \t <label for="platenum ">License Plate</label> 
 
\t \t \t <input type="text" name="platenum " id="platenum"> 
 
\t \t \t <input type="submit" > 
 
\t \t </form> 
 
\t </div>

Answer 1

ですセンタリング用margin:0 auto;

.fade-form{ 
 
    display: block; 
 
    text-align: center; 
 
    margin: 0 auto; 
 
    color:#ffffff; 
 
    text-align:center; 
 
    animation-name: opac; 
 
    animation-delay: 1.3s; 
 
} 
 
.push-center { 
 
    margin : 0 auto; 
 
}

<div class="fade-form"> 
 
    <form class='push-center' action="C:\wamp64\www\data.php" method="post"> 
 
     <label for="platenum">License Plate</label> 
 
     <input type="text" name="platenum" id="platenum"> 
 
     <input type="submit"/> 
 
    </form> 
 
</div>

Answer 2

.fade-form{ 
 
    background: pink; 
 
    display: block; 
 
    text-align: center; 
 
    color:#ffffff; 
 
    text-align:center; 
 
    animation-name: opac; 
 
    animation-delay: 1.3s; 
 
}

<div class="fade-form"> 
 
    <form action="C:\wamp64\www\data.php" method="post"> 
 
     <label for="platenum">License Plate</label> 
 
     <input type="text" name="platenum" id="platenum"> 
 
     <input type="submit"/> 
 
    </form> 
 
</div>