如何使输入值属性的内容居中

Question

是否有任何方法可以对齐输入值属性所包含的文本。 我谈到通过它的值来提交按钮中的文本。

这是我尝试过的HTML：

<span id="valueAlign">
    <input formaction="mailto:rooney_09@abv.bg" 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

你设置了一个非常宽的右边填充和一个小的左边填充，所以你的文本将位于左侧。

如果均衡填充，它将居中。

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

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

Answer 2

不要使用填充来设置按钮宽度。使用宽度。

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

演示：http://jsfiddle.net/Q8tc7/8/

按钮文本默认为居中对齐，您无需执行任何其他操作。