Как центрировать содержимое атрибута входного значения

Question

Есть ли способ выровнять текст, который содержит атрибут входного значения. Я говорю о центрировании текста в кнопке отправки по его значению.

Вот HTML-код того, что я пробовал:

<span id="valueAlign">
    <input formaction="mailto:[e-mail]" onclick="" type="submit" value="Submit all" id="submit" method="post" formtarget="_blank"/>
</span>

CSS:

input[type="submit"] {padding:10px 200px 10px 10px;}
#valueAlign{margin:0 auto;text-align:center;}

Я пытался, но безуспешно.. Скрипка: http://jsfiddle.net/Q8tc7/

Answer 1

Не используйте отступы, чтобы установить ширину кнопки. Используйте ширину.

input[type="submit"] {
    padding:10px 10px 10px 10px;
    width:200px;
}

Демо: http://jsfiddle.net/Q8tc7/8/

Текст кнопки по умолчанию выровнен по центру, больше ничего делать не нужно.

Answer 2

Вы установили очень широкое правое заполнение и небольшое левое заполнение, поэтому текст будет располагаться слева.

Если вы выровняете отступы, он будет отцентрирован.

http://jsfiddle.net/Q8tc7/4/

input[type="submit"] {padding:10px 100px;}