высота строки и вертикальное выравнивание текста в ней

[toxarbk]

Всем привет.

А можно ли сделать такой финт ушами: высота строки 100px; размер шрифта 20px и текст в строке выровнен по верхней границе строки?

Спасибо.

ps: можно, конечно, наворотить корректор положения на JS, но хотелось бы более изящного решения.

[SelenIT]

Так?

[toxarbk]

не, это не то, вот так надо:

То есть baseline подвинуть вверх или сэмулировать эту поправку чем-то другим. При этом сохранить высоту строки и размер шрифта.

Edited January 4, 2013 by toxarbk

[SelenIT]

Типа такого?

[toxarbk]

Типа такого?

не, мне надо полностью убрать промежуток между верхней границей строки и заглавной буквой.

красное - лишнее:

в примере нужный эффект получается если:

.two {

font: 20px/0.8 sans-serif;

vertical-align: text-top;

}

Тока я не вполне понимаю как эта конструкция работает. Дайте линк на что-нить умное по этому поводу, ПЛЗ.

Edited January 4, 2013 by toxarbk

[SelenIT]

В принципе, теория этого дела здесь (и дальше по ссылкам). Но осторожно — очень много букв

[toxarbk]

все, разобрался. =) Спасибо.

В принципе, теория этого дела здесь (и дальше по ссылкам). Но осторожно — очень много букв

это прочитал в первую очередь, заткнул несколкьо дыр в образовании =)) Но этот замечательно-познавательный материал не вполне применим к делу.

И уже к слову, пока ковырялся с этой проблемой. Далеко не каждый текстовый процессор умеет сдвигать именно baseline именно в строке, к моему удивлению. По факту двигается граница строки:

[SelenIT]

Всё логично, по-моему. Сдвигается и то и другое, но граница строки лучше видна визуально.