JSFiddle - React, Tailwind, and code Playground

by envira

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.1.0/css/font-awesome.min.css">
<div class="heart_row">
    <div class="lovebg" id="main">
<span class="fa fa-heart"></span>
<span class="fa fa-heart"></span>
<span class="fa fa-heart"></span>
<span class="fa fa-heart"></span>						 	        
<span class="fa fa-heart"></span>
<span class="fa fa-heart"></span>
<span class="fa fa-heart"></span>
<span class="fa fa-heart"></span>
</div>
</div>

CSS

.heart_row {
color: #FF8484;
margin: 0;
padding: 0;
text-align: center;
background: #EEE url(http://i.imgur.com/kuISfpe.png) repeat-x;
height: 16px;
line-height: 10px;
font-size: 16px;
}

.lovebg span {
	padding:0 3.7px;
}

.lovebg {
width: auto;
display: inline-block;
background: #FFF
}