Почему такой эффект и как его исправить?

Почему исчезает эффект "подчеркивания", когда слово становится крайним справа.
Пример:
https://codepen.io/workcode/pen/oNNNxwr
5d9812f71f9a5186066420.png
5d9813057b2e5328496988.png

Upd. Вопрос все еще актуальный, если заменить after на before, то проблема возникает снова, если слово является крайним левым в строке.
  • Вопрос задан
  • 83 просмотра
Пригласить эксперта
Ответы на вопрос 2
mahmudchon
@mahmudchon
Замените :after на :before.
https://codepen.io/anton-marinin/pen/rNNNeZQ
Ответ написан
dimastik1986
@dimastik1986
учусь
body {
  max-width: 700px;
  margin: auto;
  font-size: 20px;
  padding: 50px;
}
span {
  position: relative;
  color: green;
  border-bottom: 2px dashed green;
  bottom: -2px;
  left: 0;
  right: 0;
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы