JSFiddle - React, Tailwind, and code Playground

by GMK Hussain

HTML

<div class="col-sm-12 prod">

<ul class="list-unstyled">
<li class="col-sm-4 heading">100% Grade 6A Brazilian Remy Hair Bundles Deal</li>

</ul>

 
<ul class="list-unstyled col-sm-2 text-center">

        <li>
   		$221.95 </li> 
 
   		 <li>
		 $269.95</li> 

   		 <li>
		 $317.95</li>  
</ul>

</div>

CSS

li {
    background: none repeat scroll 0 0 #eee;
    border: 1px solid white;
    font-family: latoregular;
    font-size: 16px;
    padding: 6px;
}

JavaScript

for ( var i = 0; i < 2; i++ ) {
    
$('.prod:eq('+ i +') .list-unstyled:eq(0) li:eq(0)').before("<li class='heading767 text-center'>Product Name</li>");
    
$('.prod:eq('+ i +') .list-unstyled:eq(1) li:eq(0)').before("<li class='heading767'>Price</li>");

}