Вёрстка « Смещение текста с помощью css

Все здравствуйте!

Помогите разобраться, у меня есть следующий код.
Когда пишешь в инпутах текст отображается вертикально посредине инпута. А мне нужно чтоб края букв касались нижней границы, а буквы типа g, j (с хвостиками) вылазили за границы.

PS Шрифт добавлю рукописный.

Спасибо

1 ответов


http://jsfiddle.net/ePB3t/ — вот, играться можно с размером шрифта и под него подстраивать пикселы градиента.

Решил проблему вот таким способом. Пока писал этот ответ, пришла следующая идея: с помощью псведоэлемента after добавить черту, но увы input не поддерживает псевдолементы after и before.

Если вы знаете как можно еще прикрутить черту, чтоб не делать громоздких записей с контейнером (как в моем примере), то пишите