JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="boxes">
<li>
     <center><img src="http://media-cdn.tripadvisor.com/media/photo-s/02/40/a0/68/puddicombe-

house.jpg"></center>
    <div class="titlebox">Circa 1930 on the River</div>
       <div class="locationbox">Lawrencetown</div>
     <div class="pricebox">Offered at $249,000</div>
</li>
<li>
     <center> <img src="http://cdn.freshome.com/wp-content/uploads/2009/06/Hello-Kitty-House-

in-Shanghai-1.jpg"></center>
    <div class="titlebox">7 Acre Modern Farmstead</div>
       <div class="locationbox">Medford</div>
     <div class="pricebox">Offered at $328,000</div>
</li>
<li>
 <center><img src="http://3.bp.blogspot.com/-

yH_JiiSFchI/UBm6HnFF6cI/AAAAAAAAh4E/LXhtqX39h0E/s1600/DIY+Blogger+House+Daybreak.jpg"></center>
    <div class="titlebox">5 Acre River Front Property With Contemporary Home</div>
       <div class="locationbox">Medford</div>
     <div class="pricebox">Offered at $435,000</div>
</li>
</ul>

CSS

ul.boxes{
	width: 100%;
    display: inline-block;
    margin-left: 10%;
	margin-right: 10%;

}
ul.boxes li{
	list-style-type: none;
	float: left;
	width: 25%;
	height: 540px;
	color: #000000;
	border: 1px groove #F8F8F8;
	margin-top: 1%;
	margin-right: 2%;
	margin-bottom: 1%;
	overflow: hidden;
	background-color: #DAFBCA;
}


ul.boxes li img{
	text-align: center;
	overflow: hidden;
	height: 230px;
	width: 80%;
	margin-top: 3%;
	margin-right: 0%;
	margin-bottom: 5%;
	margin-left: 0%;
}

ul.boxes img{
	height: 10px;
}

.titlebox{
	width: 80%;
	 display: inline-block;
	 font-size: 32px;
    margin-left: 10%;
	margin-right: 10%;
    line-height: 100%;

    font-family: Garamond;
    color: #002000;
    text-align: center;


}

.locationbox{

	width: 80%;
	 display: inline-block;
	 font-size: 30px;
    margin-left: 10%;
	margin-right: 10%;
    line-height: 100%;
    
    font-family: Garamond;
    color: #002000;
    font-style: italic;
    text-align: center;


}

.pricebox{
	
	position:relative;
   bottom:0;
   width: 80%;
	 font-size: 32px;
    margin-left: 10%;
	margin-right: 10%;
    line-height: 100%;
    text-align: center;
    font-family: Garamond;
    color: #002000;

}