JSFiddle - React, Tailwind, and code Playground

by UI Designer

HTML

<div class="container"> 
<div class="badge-block">
                    <a href="javascript::" data-toggle="tooltip" title="General Pack Rs.50" class="badge-icon"><img src="http://www.globalniche.net/wp-content/uploads/2013/07/badge1.png" class="img-responsive"> </a>
                    
                    </div>
                
                  <div class="badge-block">
                    <a href="javascript::" data-toggle="tooltip" title="General Pack Rs.50" class="badge-icon"><img src="http://www.globalniche.net/wp-content/uploads/2013/07/badge1.png" class="img-responsive"> </a>
                    
                    </div>
                      <div class="badge-block">
                    <a href="javascript::" data-toggle="tooltip" title="General Pack Rs.50" class="badge-icon"><img src="http://www.globalniche.net/wp-content/uploads/2013/07/badge1.png" class="img-responsive"> </a>
                    
                    </div>
                      <div class="badge-block">
                    <a href="javascript::" data-toggle="tooltip" title="General Pack Rs.50" class="badge-icon"><img src="http://www.globalniche.net/wp-content/uploads/2013/07/badge1.png" class="img-responsive"> </a>
                    
                    </div>
                          <div class="clear"></div>
                          </div>

CSS

.container{
width:100%;
    border:1px solid #333
}
.badge-block{
						float:left;
						width: 25%;
                        
						
					}
					.badge-block img{ 
					width:80%;
					
					}

.clear{
    clear:both;
    display:block
}