JSFiddle - React, Tailwind, and code Playground

by NotInUse

HTML

<h2>Duża more type</h2>

<p>&nbsp;</p>

<h2>Duża</h2>

<p>Note, same CSS in both items above, differnce is text line length. Below uses dotted rather than dashed.</p>

<h3>Duża</h3>

CSS

h2 {
    font-size: 24px;
  border-bottom: 12px dashed #999;
  display: inline;
   margin: 10px 0;
}


h3 {
    font-size: 24px;
  border-bottom: 12px dotted #999;
  display: inline;
    margin: 10px 0;
}

p { clear: both; padding: 10px 0; }