JSFiddle - React, Tailwind, and code Playground

HTML

<div class="ArticleContent">
    <p>
        Lorem  ipsum dolor sit amet, ut auctor mauris eget erat nonummy, non mauris  risus libero voluptates cras, debitis elementum eget etiam. Class nisl,  at euismod ligula nulla sodales, tristique nunc, justo pellentesque  tempora. Lectus metus penatibus mi donec magna, sapien adipiscing magna  sed, integer vitae.</p>

<p>Nam  diam malesuada purus, fermentum commodo luctus laoreet quisque, pede  eget conubia, conubia dui per sit a eu laoreet, eu massa. Donec in sem  at, wisi ante sed non aptent, id facilis lorem ligula nec nullam,  vestibulum elementum dolor natoque viverra dolor amet, aliquet eu lectus  lectus suspendisse sodales nulla. Lacinia suscipit erat. </p>

<p>Tellus  quam lectus pretium in montes tellus, mi nobis felis et tincidunt  tempor adipiscing, consectetuer quia non dui odio nam, elit morbi elit  laoreet nisl nibh. </p>

<p>Tincidunt lorem porta auctor, lobortis in molestie eu, volutpat a sapien donec vitae id, at enim.</p>
</div>

CSS

p {margin:10px;}
.ArticleContent { width:500px; height:100%; text-align:justify; background-color:#f5f5f5;}

.ContentBanner
{ width:500px; height:100px; background-color:red; text-align:center;
 line-height:100px;
 vertical-align:middle;
}

JavaScript

$('<div class="ContentBanner"> BANNER WILL SHOW UP HERE</div>').insertAfter('.ArticleContent p:nth-child(3) ');