JSFiddle - React, Tailwind, and code Playground

by Naveen Ravichandran

HTML

<p class="linedText">fdfdfdfdfdfdf<br>dfdfd<br>fdf<br>df</p>

CSS

.linedText {
color: #000000;
line-height: 24px;

background-image: 
        -webkit-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 51%,rgba(255,255,255,0) 100%),
        -webkit-linear-gradient(bottom, rgba(128,128,128,1) 0%, rgba(128,128,128,0) 8%, rgba(128,128,128,0) 100%);

-webkit-background-size: 12px 24px;
-moz-background-size: 12px 24px;
-ms-background-size: 12px 24px;
-o-background-size: 12px 24px;
background-size: 12px 24px;
}