提交按鈕中的填充值

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/