CodePen Embed - Underline post: background

<a href="#">boooooooooooop</a>
<br /><br /><br />
<div><a href="#">on multiple lines.</a></div>

body {
  background-color: #222b40;
  font-size: 3rem;
}
div {
  width: 200px;
}

a {
  color: #dfe5f3;
  text-decoration: none;
  background-image: linear-gradient(rgb(176, 251, 188), rgb(176, 251, 188));
  background-size: 100% 2px;
  background-position: 0 100%;
  background-repeat: no-repeat;
}

This Pen is owned by Nicky on CodePen.

See more by @NMeuleman on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.