CodePen Embed - text underline offset

<p class="original">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo, quo?</p>

<p class="offset">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo, quo?</p>

.original {
  text-decoration-line: underline;
}

.offset {
  text-decoration-line: underline;
  text-underline-offset: 4px;
}

Run Pen

This Pen is owned by Eric Hu on CodePen.

See more by @ericnanhu on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.