HTML: So zentrieren Sie ein Formular

Ich habe den folgenden HTML-Code und möchte mein Formular in der Mitte ausrichten.

<form action="advsearcher.php" method="get">
    Search this website:<input align="center" type="text" name="search" />
    <input type="submit" value="Search"/>
</form>

Wie kann ich das machen?

@Lucius und @zyrolasting haben Recht.

Allerdings müssen Sie dem Formular wahrscheinlich einen bestimmten geben width damit es richtig funktioniert.

form { 
margin: 0 auto; 
width:250px;
}

Fügen Sie einfach etwas CSS wie folgt in das Stylesheet ein

form {
  text-align: center;
}

dann bist du fertig!

Sein form B. ein Blockelement, können Sie es zentrieren, indem Sie seine Seitenränder auf „Auto“ setzen:

form { margin: 0 auto; }

BEARBEITEN:

Wie @moomoochoo richtig betont hat, funktioniert diese Regel nur, wenn dem Blockelement (in diesem Fall Ihrem Formular) eine bestimmte Breite zugewiesen wurde.
Außerdem funktioniert dieser „Trick“ nicht für schwebende Elemente.

Dadurch nimmt das Feld 50 % der Breite ein und wird richtig zentriert und in der Größe angepasst

    {    
        width: 50%;
        margin-left : 25%
    }

Kann auch “vw” (Ansichtsbreite) Einheiten anstelle von “%” verwenden

Verwenden center:

<center><form></form></center>

Dies ist nur eine Methode, obwohl sie nicht empfohlen wird.

Alte Bearbeitung: Bitte tun Sie dies nicht. Ich sage nur, dass es eine Sache ist, die existiert.

Beweg dich einfach ausrichten = “zentrieren” zu de bilden Schild

<form align="center" action="advsearcher.php" method="get">
    Search this website:<input type="text" name="search" />
    <input type="submit" value="Search"/>
</form>

Die letzten beiden Zeilen sind wichtig, um sie in der Mitte auszurichten:

.f01 {
    background-color: rgb(16, 216, 252);
    padding: 100px;
    text-align: left;
    margin: auto;
    display: table;
}