JSFiddle - React, Tailwind, and code Playground

by CarambaMoreno

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<div class="container">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tempor et purus vitae vulputate. Etiam ut quam eu ligula facilisis eleifend. Quisque a scelerisque sem. Proin turpis massa, mattis eget suscipit eleifend, tincidunt feugiat dui. Vestibulum mattis ultrices ligula, eu tincidunt arcu tristique at. Duis rhoncus, mauris ut euismod facilisis, elit quam finibus mauris, ut vehicula libero dui sed nisi. Vestibulum sed turpis quam. Duis vehicula, urna eu cursus varius, lacus purus venenatis orci, sit amet malesuada velit ligula a enim. Nullam faucibus eros in elit malesuada gravida. Nulla facilisi.

Praesent luctus augue ex, nec commodo arcu commodo id. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam dictum ipsum eu tincidunt vestibulum. Praesent massa libero, vehicula id facilisis a, sollicitudin at nibh. Aenean enim mauris, hendrerit at dolor eget, tempus dictum ex. Nunc consectetur magna in diam porta, a tincidunt augue pharetra. Fusce ornare eros venenatis erat aliquet eleifend. Nunc ac sollicitudin dui. Suspendisse sodales libero laoreet neque blandit venenatis interdum in enim. Praesent molestie nulla id nunc posuere convallis. Etiam at molestie massa.
</div>

CSS

p{font-size:1rem;}

JavaScript

jQuery( document ).ready(function($) {

$( ".container" )
  .contents()
    .filter(function() {
      return this.nodeType === 3;
    })
      .wrap( "<p></p>" )
      .end()
    .filter( "br" )
    .remove();
    
});