Расстояние от подчёркивания до ссылки

[majestic]

Привет всем.

Вопрос будет касаться регулирования расстояния от ссылки до подчёркивания.

Опишу сначала задачу: необходимо сделать подчёркивание ссылки на тон светлее, чем цвет самой ссылки.

Решение: убираем стиль ссылки, ставим "бордер-боттом", нужный цвет, толщину и пр. Вуаля, но...

Проблема: при таком методе расстояние от ссылки до подчёркивания увеличивается в сравнении со стандартным подчёркиванием ссылки (смотрится коряво при фонт-сайзе 13пх).

Уменьшить его отрицательным значением пэддинга, естественно, не получается (зато увеличить можно хоть до апупения .

Вопрос: как уменьшить это расстояние? Меня интересует любой способ. Подскажите пожалуйста ваши варианты.

Заранее спасибо.

[Great Rash]

a {
    display: inline-block;
    border-bottom: red 1px solid;
    text-decoration: none;
    font-size: 13px;
    line-height: 12px;
}

???

[majestic]

a {
    display: inline-block;
    border-bottom: red 1px solid;
    text-decoration: none;
    font-size: 13px;
    line-height: 12px;
}

???

Спасибо, это помогло. Вот только что инлайн-блок я и не пробовал!

Edited February 3, 2012 by majestic

[K313]

тут же