JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content">
    <img class="leftImg" src="http://dummyimage.com/100x500/000/fff.gif" />
    <div class="stackCenter">test content1</div>
    <div class="stackCenter">test content&nbsp;&nbsp;2</div>
    <div class="stackCenter">test content&nbsp;&nbsp;&nbsp;&nbsp;3</div>
    <img class="rightImg" src="http://dummyimage.com/100x500/000/fff.gif" />
 </div>

CSS

#content {
    position:relative;
    min-height:500px;
    padding: 0 100px;
}

.leftImg {
    position: absolute;
    left: 0;
    top: 0;
}

.rightImg {
    position: absolute;
    right: 0;
    top: 0;
}

.stackCenter {
    position: relative;
    margin: 0 0 -1.1em 0;
    padding: 0;
    line-height: 1.1
}