JSFiddle - React, Tailwind, and code Playground

by batcave

HTML

<p class="block">text is here
here is text</p>

SCSS

.block span {
  display: inline-block;
  padding: .5rem;
  margin-bottom: .25rem;
  background-color: #222222;
  
  &:last-child {
    margin-bottom: 0;
    border-bottom: 2px solid deepskyblue;
  }
}

JavaScript

var p = document.getElementsByTagName('p')[0];
p.innerHTML = '<span>' + p.innerHTML.split('\n').join('</span><span>') + '</span>';