JSFiddle - React, Tailwind, and code Playground

by Ian Roberts

HTML

<div class="outer">
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</div>

CSS

.outer{
padding:10px;
margin:10px;
/*GREEN*/
background:#45ae99;
}
.innerone{
padding:10px;
margin:10px;
/*ORANGE-YELLOW*/
background:#fad400;
}
.innertwo{
padding:10px;
margin:10px;
/*BURNT-RED*/
background:#872219;
}

JavaScript

//wraps divs around inner elements

$(function(){
    $(".outer").wrapInner("<div class='innerone'><div class='innertwo'</div></div>");
});