JSFiddle - React, Tailwind, and code Playground

HTML

<div id="newspaperArticle"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sagittis, erat eu hendrerit fringilla, massa tortor egestas elit, eu commodo erat erat vitae purus. Suspendisse potenti. Pellentesque bibendum massa at augue bibendum non vestibulum lorem consectetur. Suspendisse sagittis mattis vestibulum. Vivamus tincidunt, ligula a imperdiet feugiat, nunc ligula accumsan lorem, eu pellentesque eros nibh id dui. Curabitur facilisis mi id nulla ullamcorper venenatis. Pellentesque rutrum lacus eget sem dapibus elementum. Praesent porttitor est justo, a sagittis purus. Vivamus nec orci enim, in porttitor lacus. Suspendisse erat elit, dapibus condimentum mattis a, dapibus id leo. Fusce ut dui nisi, sed adipiscing nibh. Etiam et magna accumsan lorem dapibus fringilla. Donec eget felis non nisi interdum rhoncus ac ut nibh. Donec ultrices, libero fringilla fringilla fringilla, eros lacus fermentum purus, nec viverra enim velit vel diam. Sed et leo mauris. Fusce lectus mauris, faucibus vitae tristique nec, pretium a leo.</p>

    <p>Praesent a magna vitae lectus molestie adipiscing sed id elit. Pellentesque enim tellus, pharetra id pellentesque eu, eleifend et metus. Quisque nibh dolor, mattis non dignissim rhoncus, rutrum eget magna. Praesent eget pellentesque felis. Maecenas gravida urna eu nulla convallis nec posuere elit rutrum. Donec quam arcu, vulputate a auctor quis, auctor at massa. Aliquam quam elit, egestas vitae vestibulum ut, ullamcorper non libero. Ut laoreet feugiat justo nec luctus. Duis consequat arcu sit amet lacus laoreet nec imperdiet sapien blandit. Fusce congue dictum lacinia.</p>

<p>Proin et mi libero. Nam quis ligula quis purus eleifend fermentum sed nec justo. Suspendisse rhoncus, nulla a luctus aliquet, augue quam auctor nisl, nec hendrerit mi risus nec odio. Morbi aliquam sodales gravida. Aliquam molestie turpis at mi fringilla egestas. Maecenas nisl sem, rutrum placerat congue in, faucibus quis leo. Integer sit...

CSS

#one {
    float:left;
    width:48%;
    background-color:#f0f0f0;
    min-height:400px;
}
#two {
    float:right;
    width:48%;
    background-color:#f0f0f0;
    min-height:400px;
}
#three {
    position: absolute;
    left:50%;
    top:100px;
    margin-left:-150px;
    border:1px solid;
    width:300px;
    height:200px;
    background: maroon;
    color: white;
}

JavaScript

var quote = "Insert Your Quote Here";
$("#newspaperArticle").each(function() {
    var t = $(this).html();
    var splitT = t.split(" ");
    var halfIndex = Math.round(splitT.length / 2);
    var newText = "<div id='one'><div style='float: right; height: 80px; width: 10px;'></div><div style='float: right; height: 210px; width: 150px; clear: both;'></div>";
    for (var i = 0; i < splitT.length; i++) {
        if (i == halfIndex) {
            newText += "</div><div id='three'>" + quote + "</div><div id='two'><div style='float: left; height: 80px; width: 10px;'></div><div style='float: left; height: 210px; width: 150px; clear: both;'></div>";
        }
        newText += splitT[i] + " ";
    }
    newText += "</div>";
    $(this).html(newText);
});