Значение кнопки в 2 строки - PullRequest
       2

Значение кнопки в 2 строки

2 голосов
/ 20 февраля 2011

Я хочу сделать такую ​​кнопку.

button example

Как видите, есть 2 строки, а размер шрифта линий различен. Возможно ли это с помощью CSS + HTML (и, возможно, JS)? Я не хочу использовать изображение для кнопки.

(лицо шрифта не имеет значения)

Спасибо;)

Ответы [ 4 ]

10 голосов
/ 20 февраля 2011
<button>
<span style="font-size:16px;">1st Line</span><br />
<span style="font-size:12px;">2nd Line</span>
</button>

Должно работать

5 голосов
/ 20 февраля 2011

Как-то так?

http://jsfiddle.net/36fcw/2/

3 голосов
/ 25 мая 2012

Поместите &#10; туда, где вы хотите разорвать линию

0 голосов
/ 20 февраля 2011

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...