JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<ul class="boxes">
<li class="itemClass col-xs-12 col-sm-6 col-md-3">
<div class="wrap">
<span class="content">
<img class="pull-right" src="http://www.google.com/images/srpr/logo11w.png"/>
<strong>Adv1</strong><br/>
<a href="#">XXXXXXXXXX</a>
<p>PPPPPPPP pppppp pppppp</p>
<p>fdfgd dfg dfgd fgda fdaf adf sdfsda fdaf df dfd fdsf sdf ds.</p>
</span>
</div>
</li>
<li class="itemClass col-xs-12 col-sm-6 col-md-3">
<div class="wrap">
<span class="content">
<img class="pull-right" src="http://www.google.com/images/srpr/logo11w.png"/>
<strong>Adv1</strong><br/>
<a href="#">XXXXXXXXXX</a>
<p>PPPPPPPP pppppp pppppp</p>
<p>fdfgd dfg dfgd fgda fdaf adf sdfsda fdaf df dfd fdsf sdf ds.</p>
</span>
</div>
</li> <li class="itemClass col-xs-12 col-sm-6 col-md-3">
<div class="wrap">
<span class="content">
<img class="pull-right" src="http://www.google.com/images/srpr/logo11w.png"/>
<strong>Adv1</strong><br/>
<a href="#">XXXXXXXXXX</a>
<p>PPPPPPPP pppppp pppppp</p>
<p>fdfgd dfg dfgd fgda fdaf adf sdfsda fdaf df dfd fdsf sdf ds.</p>
</span>
</div>
</li> <li class="itemClass col-xs-12 col-sm-6 col-md-3">
<div class="wrap">
<span class="content">
<img class="pull-right" src="http://www.google.com/images/srpr/logo11w.png"/>
<strong>Adv1</strong><br/>
<a href="#">XXXXXXXXXX</a>
<p>PPPPPPPP pppppp pppppp</p>
<p>fdfgd dfg dfgd fgda fdaf adf sdfsda fdaf...
CSS
.boxes {
list-style: none;
margin: 0 auto;
padding:1rem;
}
.itemClass {
margin-bottom:15px;
background: white;
padding:0 7.5px;
}
.itemClass > .wrap{
box-shadow: 0px 0px 1px 1px black;
position:relative;
}
.itemClass .wrap img {
width: 120px;
margin: 0 5px 0 0;
}
.itemClass>.wrap>span {
width: calc(100% - 55px);
margin-left: 2%;
}