Вызов. Декоративное подчеркивание.[Повтор темы]

body {
width: 550px;
margin: 0;
padding: 0 10px;

font-family: “Arial”, sans-serif;
font-size: 26px;
}

p {
text-align: center;
}

a {
color: #0088cc;
border: 3px solid;
border-top: 3px dashed;
border-bottom: 3px dotted;
text-decoration: none;
}

Верхняя граница не совпадает. Выдает 95 %. Подскажите, пожалуйста, в чем проблема.

Добрый день, сверху идет не граница, а подчеркивание, которую нужно сделать при помощи text-decoration и text-decoration-style в селекторе “p”.

body {
width: 550px;
margin: 0;
padding: 0 10px;

font-family: “Arial”, sans-serif;
font-size: 26px;
}

p {
text-align: center;
text-decoration: overline;
text-decoration-style: dashed;
}

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

}

2 Симпатий

Странно но после overline стилизация на пунктир не работает. Сравнил код по сути как у вас но dashed не отрабатывает

Забираю слова назад, оказалось в предпросмотре почему то не показывает. После нажатия кнопки проверить совпадение 100% но линия так и осталась.

А не правильнее ли будет в правиле p{} указать text-decoration: none;
А потом в правиле a{} указать уже text-decoration: overline; ?

Zaytuna ошибается. Много лишнего написала.
Нужно ссылке добавить лишь 3 строчки и все, не надо лазать в параграф вообще:

  border-width: 3px;
  border-style: none solid dotted solid;
  text-decoration: overline dashed;