HTML: как центрировать выравнивание формы

У меня есть следующий код HTML и вы хотите выравнивать мою форму.

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

Как я могу это сделать? Thanx заранее.

Ответ 1

@Lucius и @zyrolasting имеют это право.

Однако вам, вероятно, нужно будет указать форму width для правильной работы.

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

Ответ 2

Просто поместите CSS в таблицу стилей, подобную этой

form {
  text-align: center;
}

тогда все готово!

Ответ 3

Будучи form блочным элементом, вы можете выровнять по центру его, установив его боковые поля в auto:

form { margin: 0 auto; }

EDIT:
Как правильно указал @moomoochoo, это правило будет работать, только если для элемента блока (ваша форма в этом случае) была назначена определенная ширина.
Кроме того, этот "трюк" не будет работать для плавающих элементов.

Ответ 4

Используйте center:

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

Это всего лишь один метод, хотя он не сообщил.

Ответ 5

#form{
   position:fixed;
   top:50%;
   left:50%;
   width:250px;
}

Вы можете настроить верхний и левый в зависимости от размера формы.

Ответ 6

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

работает в большинстве случаев, таких как The Wobbuffet, упомянутые выше...

Ответ 7

Попробуйте следующее: Установите ширину формы как 20% на:
width : 20%;
теперь, если весь холст 100%, центр находится на уровне 50%. Поэтому, чтобы выровнять центр формы по центру, 50- (20/2) = 40. поэтому установите левое поле как 40%, выполнив следующее:
left : 40%;

Ответ 8

простой способ: добавьте тег "center" перед тегом формы