JSFiddle - React, Tailwind, and code Playground

by QMaster

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: 2px;
  border-bottom: 1px solid pink;
  line-height: 48px;
}