Заполнение значения в кнопке отправки

Я хотел бы добавить дополнение к значению кнопки отправки.Заполнение значения в кнопке отправки

Я могу сделать, например, text-align: right;, и значение плавает хорошо справа. Но если я использую, например, padding-left: 25px;, то само значение остается в середине вместо того, чтобы перемещать 25 пикселей вправо. Я нашел много вещей о центрировании значения, но никогда не добавлял к нему дополнения.

Пример кода 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;}

Что поставить в коде выше, чтобы изменить место только моя ценность?

источник

2014-01-28 Raz3rt

Вы можете добавить http://jsfiddle.net демо? –

добавить HTML-разметку родительского элемента вашей кнопки – coder101

Что-то вроде [this] (http://jsfiddle.net/n6C3p/)? –

Добавить

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

Из примера вы предусмотрели: http://jsfiddle.net/ajy5q/

источник

2014-01-28 14:55:45 reese

Nice Спасибо, что я хочу! Странно, что вам нужно также установить выравнивание текста ... Но приятно! – Raz3rt

Вы можете видеть, почему на этой картинке: http://i.imgur.com/xWytcpd.png :) Рад помочь. – reese

Попробуйте добавить выравнивание текста: слева;

.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.

источник

2014-01-28 13:29:55 janhenkes

Я ценю ответ, но я уже пытался использовать выравнивание, и результат заключается в том, что он много справа или слева. – Raz3rt

Заполнение значения в кнопке отправки

ответ

Смежные вопросы