JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
<div id="conBody">

</div>
<div id="conBody">

</div>
<div id="conBody">
</div>
</div>

<div class="wrapper">
<div id="news">

</div>
<div id="news">

</div>
<div id="news">

</div>
    </div>

CSS

#news {
    background-image: url('../img/news.png');
    background-repeat: no-repeat;
    height: 152px;
    width: 320px;
    
}
#conBody, #news {
    background: #ccc;
    background-repeat: no-repeat;
    height: 101px;
    width: 101px;
    margin: 0px 5px;
    text-align: right;
    display: inline-block;
    padding: 0px;
}
.wrapper {
    display: table;
    margin: 0 auto;
}