JSFiddle - React, Tailwind, and code Playground

by eduan

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;
}