Untitled

dabblet.css

:root{
  max-width: 50rem;
  margin: 0 auto;
  font-size: 200%;
  line-height: 1.5;
  padding: 0 2rem;
}

a{
  text-decoration: none;
}

.without-pseudo{
  background-image: linear-gradient(transparent 50%, currentColor 50%); /* no transparency :(*/
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 1px 2px;
}

.with-pseudo{
  position: relative;
}

.with-pseudo::after{
    content:'';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(transparent 50%, currentColor 50%);
    background-repeat: repeat-x;
    background-position: 0 100%;
    background-size: 1px 2px;
    opacity: .2;
  }

dabblet.html

<p>Lorem ipsum <a class="without-pseudo" href="#">test link multiline sit amet, consectetur adipisicing elit.</a> Nisi suscipit expedita distinctio maxime, ex, similique officia dolores laudantium maiores laboriosam, assumenda at beatae animi nostrum odio amet ut perspiciatis atque!</p>

<hr />

<p>Lorem ipsum <a class="with-pseudo" href="#">test link multiline sit amet, consectetur adipisicing elit.</a> Nisi suscipit expedita distinctio maxime, ex, similique officia dolores laudantium maiores laboriosam, assumenda at beatae animi nostrum odio amet ut perspiciatis atque!</p>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}