JSFiddle - React, Tailwind, and code Playground

by viphalongpro

HTML

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
<br><br>
Lorem ipsum dolor sit amet, consectetur adipisicing elit
<br>
Lorem ipsum
<br>
Lorem ipsum dolor sit amet, consectetur

SCSS

body {
    background:url(http://placekitten.com/800/600);
}
div.container {
    border:1px solid white;
    padding:10px;
    width:100%;
    margin:0 auto;
    box-sizing:border-box;
}
div.inner-container {
    overflow:hidden;          
    position:relative;
    width:100%;
}
div.inner-container span {
    color:white;
    position:relative;     
    font-size:20px;
}
div.inner-container span:after {
    content:'';    
    position:absolute;
    width:300vw;
    border-bottom:0.05em dotted white;
    left:100%;
    bottom:0.25em;
    z-index:-1;
}

JavaScript

$(document.body).contents().wrapAll("<div class='container'>")
                .closest('div.container')
                .wrapInner("<div class='inner-container'>")
                .end().filter(function(i,e){
                     return e.nodeType == 3;
                 }).wrap('<span>');