JSFiddle - React, Tailwind, and code Playground

CSS

p {font-size: 20px;}

JavaScript

var body = document.getElementsByTagName('body')[0],
            p = document.createElement('p'),
            el;
          
          p.style.height = '20px';
          p.innerText = 'Some Test';
        
        for (var i = 0, len=30; i<len; i++) {
          el = p.cloneNode(true);
          
          if (i === 23) {el.style.borderBottom = '1px solid #000'};
          if (i === 24) {el.style.borderTop = '1px solid #000'};
          body.appendChild(el);
        }