underline и sup

[fiver]

Сделал ссылку с подчеркиванием. А в ней велечина м², с помощью тегов sup. Так в месте где цифра 2 вверху, линия подчеркивания прерывается, подчеркивается двойка вверху, потом опять подчеркивается текст. В общем ссылка не красивая. Как бороться?

[Great Rash]

Вместо text-decoration использовать border или outline.

[fiver]

Спасибо. С outline у меня не вышло, а вот с border-bottom получилось.

Но возникли ньюансы. Со стилем text-decoration: underline , полоса подчеркивания ссылки, перечеркивает выступающие вниз элементы букв, таких как р,щ,ц , а border-bottom находится ниже букв, что режет глаз.

отрицательные значения маргин или паддинг результатов не дают.

Не могу приподнять границу.

Делать под ссылкой слой, уже ссылки и к нему применять border-bottom ?

Edited May 11, 2012 by fiver