CodePen Embed - text-underline-offset example

<style>
  div {
    margin: 60px;
    font: 1.5em sans-serif;
    text-align: center;
  }
</style>
<div class="underline">
  I'd far rather be happy than right any day.
</div>

.underline {
  text-decoration: underline;
  text-underline-offset: 0.25em;
}

This Pen is owned by fruntend on CodePen.

See more by @fruntend on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.