JSFiddle - React, Tailwind, and code Playground

by Daniel Hernandez

HTML

<div>
  <span>How to increase the gap between text and underlining in CSS How to increase the gap between text and underlining in CSS How to increase the gap between text and underlining in CSS</span>
</div>

CSS

div {

  width: 300px;
}

span {
  padding-bottom: 10px;
  border-bottom: 1px solid pink;
  line-height: 48px;
}