Kann dieses Formular nicht zentrieren

Question

Ich habe gesucht und gesucht und ich kann diese Crud nicht zentrieren. Hilfe wäre willkommen.

Dies ist die relevanten 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

Es gibt ein Problem mit Ihrem HTML war selbst ein Schlusssatz wurde missing.I'll lieber mit margin:0 auto; zur Zentrierung

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