Как выровнять входной тег с центром без указания ширины?

У меня есть эти HTML и CSS:

#siteInfo input[type="button"] {
  background: none repeat scroll 0 0 #66A3D2;
  border-color: #FFFFFF #327CB5 #327CB5 #FFFFFF;
  border-radius: 10px 10px 10px 10px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 1px 1px 3px #333333;
  color: #FFFFFF;
  cursor: pointer;
  font-weight: bold;
  padding: 5px;
  text-align: center;
  text-shadow: 1px 1px 1px #000000;
}

<div id="siteInfo">
  <p>Some paragraph.</p>
  <input type="button" value="Some Button">
</div>

Ответ 1

Вам нужно поместить text-align:center в содержащий div, а не на сам ввод.

Ответ 2

напишите это:

#siteInfo{text-align:center}
p, input{display:inline-block}

http://jsfiddle.net/XfSz6/

Ответ 3

Вы можете использовать следующий CSS для вашего поля ввода:

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

Затем обновите поле ввода следующим образом:

<input class="center-block" type="button" value="Some Button">

Ответ 4

вы можете поместить в ячейку таблицы и затем выровнять содержимое ячейки.

<table>
   <tr>
     <td align="center">
        <input type="button" value="Some Button">
     </td>
   </tr>
</table>

Ответ 5

Чтобы иметь text-align:center работу, вам нужно добавить этот стиль в div #siteInfo или обернуть ввод в абзаце и добавить text-align:center в абзац.

Ответ 6

Кто-нибудь может мне помочь

Я хотел бы выровнять по центру, но я не могу - Спасибо!

      <div class="product-form__item product-form__item--quantity" > 
        <label for="Quantity" >  {{ 'products.product.quantity' | t }}</label>
        <input type="number" id="Quantity" name="quantity" value="1" min="1" class="product-form__input product-form__quantity" >
      </div>

Ответ 7

эй, братан, ты еще жив??

Ответ 8

Вы также можете использовать тег, это работает в divs и во всем остальном:

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

Эта ссылка поможет вам с тегом:

Почему <center> тег, устаревший в HTML?