提交按钮中的填充值

Question

我想为提交按钮的值添加一个填充。

我可以做例如text-align: right; 并且该值正确浮动。 但是如果我使用例如padding-left: 25px; 该值本身位于中间，而不是向右移动25px。 我发现了很多关于将“ Value”居中的事情，但从未添加填充。

示例CSS代码：

.sign {width: 262px;height: 102px;float: right;background: url("../images/sign.png") no-repeat scroll 0 0 transparent;margin: 25px 0px 0px 0px;border: none;display: block;}
.sign:hover {background: url("../images/signhover.png");border: none;}

在上面的代码中添加什么以更改仅我的值的位置？

Answer 1

尝试添加text-align：left;

.sign {width: 262px;height: 102px;float: right;background: url("../images/sign.png") no-repeat scroll 0 0 transparent;margin: 25px 0px 0px 0px;border: none;display: block;padding: 0 0 0 25px;text-align: left;}
.sign:hover {background:  url("../images/signhover.png");border: none;}

我在jsfiddle上创建了一个示例。

Answer 2

加

 padding-left:50px; text-align:left

从您提供的示例中： http : //jsfiddle.net/ajy5q/