<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row category-credit" style="margin-top:20px"> <div class="col-lg-2 col-md-4 col-xs-6 thumb "> <div class="thumbnail"> <a class="" href="#"> <img class="img-responsive" src="http://kudo.co.id/wp-pictures/product/example/pulsa/telkomsel.png" alt=""> <div class="wrapper"> <div class="caption post-content"> <h4>Telkomsel</h4> <span>Prabayar</span> </div> </div> </a> <div class="wrapper"> <div class="post-meta"> <small>Mulai dari</small> <div class="price">Rp 11.500,-</div> </div> </div> </div> </div> <div class="col-lg-2 col-md-4 col-xs-6 thumb "> <div class="thumbnail"> <a class="" href="#"> <img class="img-responsive" src="http://kudo.co.id/wp-pictures/product/example/pulsa/indosat.png" alt=""> <div class="wrapper"> <div class="caption post-content"> <h4>Telkomsel</h4> <span>Prabayar</span> </div> </div> </a> <div class="wrapper"> <div class="post-meta"> <small>Mulai dari</small> <div class="price">Rp 11.500,-</div> </div> </div> </div> </div> <div class="col-lg-2 col-md-4 col-xs-6 thumb "> <div class="thumbnail"> <a class="" href="#"> <img class="img-responsive" src="http://kudo.co.id/wp-pictures/product/example/pulsa/axisxl.png" alt=""> <div class="wrapper"> <div class="caption post-content"> <h4>Telkomsel</h4> <span>Prabayar</span> </div> </div> </a> <div class="wrapper"> <div class="post-meta"> <small>Mulai dari</small> <div class="price">Rp 11.500,-</div> </div> </div> </div> </div> <div class="col-lg-2 col-md-4 col-xs-6 thumb "> <div class="thumbnail"> <a class="" href="#"> <img class="img-responsive" src="http://kudo.co.id/wp-pictures/product/example/pulsa/three.png" alt=""> <div class="wrapper"> <div class="caption post-content"> <h4>Telkomsel</h4> <span>Prabayar</span> </div> </div> </a> <div class="wrapper"> <div class="post-meta"> <small>Mulai dari</small> <div class="price">Rp 11.500,-</div> </div> </div> </div> </div> <div class="col-lg-2 col-md-4 col-xs-6 thumb "> <div class="thumbnail"> <a class="" href="#"> <img class="img-responsive" src="http://kudo.co.id/wp-pictures/product/example/pulsa/smartfren.png" alt=""> <div class="wrapper"> <div class="caption post-content"> <h4>Telkomsel</h4> <span>Prabayar</span> </div> </div> </a> <div class="wrapper"> <div class="post-meta"> <small>Mulai dari</small> <div class="price">Rp 11.500,-</div> </div> </div> </div> </div> </div> </div>

.category-credit .post-content { text-align: left; } .category-credit .post-meta { text-align: right; } .category-credit .post-content h4 { font-weight: bold; margin: 0; } .category-credit .post-meta .price { font-weight: bold; color: #4BB047; } .category-credit .post-content span { font-weight: bold; color: #6FCAEB; }