Оформление текста/ Декоративное подчёркивание

не могу понять как подогнать так чтобы разницы не было вообще.
пытался применить различные комбинации padding, margin, line-height, но верхняя линия не смещается вниз…

DeepinScreenshot_%D0%B2%D1%8B%D0%B1%D0%B5%D1%80%D0%B8%D1%82%D0%B5-%D0%BE%D0%B1%D0%BB%D0%B0%D1%81%D1%82%D1%8C_20200201172307

1 лайк

Используйте для верхней рамки не border, а text-decoration.

2 лайка

начал без подсказки с text-decoration,
потом посмотрел подсказку, что надо border,
а вот совместить ума не хватило :slight_smile:
для тех, у кого не хватило нервов или времени:

Сводка

a {
color: #0088cc;
border-left: solid 3px;
border-right: solid 3px;
text-decoration: none;
border-bottom: dotted 3px;
text-decoration-line: overline;
text-decoration-style: dashed;
}

1 лайк