JSFiddle - React, Tailwind, and code Playground

by Sampath_Madhuranga

HTML

<span class="underlined">underlined text</span>
<span class="underlined">underlined text</span><br>
<br>
<div class="underlined">underlined text</div><span class="underlined">underlined text</span>

CSS

.underlined {
  border-bottom: 1px dotted blue;
  margin: 0px;
  padding: 0px;
  outline: 0px;
  outline-offset: 0px;
  box-sizing: border-box;
  height: 21px;  /* which is the whole body's line height*/
  background-color:#ccc;
}