JSFiddle - React, Tailwind, and code Playground

by John Doe

HTML

<div>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde provident inventore in animi mollitia, fuga reprehenderit, omnis obcaecati nihil repudiandae enim, tenetur laboriosam. Cum recusandae dolorum sapiente, inventore facilis officiis?</p>
  ,
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos ducimus non voluptatem asperiores cumque quam dolores quisquam maiores debitis, velit est tempore doloremque ex numquam ad illum. Voluptas labore, qui!</p>
  <a href="">lorecs</a>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos eaque consequuntur voluptas expedita, quo dolores odio odit nostrum accusamus nobis pariatur, libero voluptatibus aliquam similique aut ea exercitationem nemo quam!</p>
</div>

<div>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde provident inventore in animi mollitia, fuga reprehenderit, omnis obcaecati nihil repudiandae enim, tenetur laboriosam. Cum recusandae dolorum sapiente, inventore facilis officiis?  </p>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos ducimus non voluptatem asperiores cumque quam dolores quisquam maiores debitis, velit est tempore doloremque ex numquam ad illum. Voluptas labore, qui!</p>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos eaque consequuntur voluptas expedita, quo dolores odio odit nostrum accusamus nobis pariatur, libero voluptatibus aliquam similique aut ea exercitationem nemo quam!</p>
</div>

CSS

div{
  background: pink;
  padding: 15px;
  margin-bottom: 15px;
}
div.red{
  background: red;
  margin-bottom: 0;
  border-bottom: 2px solid green;
}

JavaScript

$('div').each(function(){
    $(this).contents().wrapAll('<div class="red"></div>');
});