<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <br><br> <div class="container"> <div class="row"> <div class="items col-md-2 col-lg-2 col-sm-4 col-xs-6 box"> <a href="#" class="urun"> <img src="https://migros-dali-storage-prod.global.ssl.fastly.net/sanalmarket/product/08062205/erikli-su-10-l-2db166.jpg" class="img-responsive urun-img"> <div class="urun-adi">Erikli Su 500ml</div> <div class="urun-fiyat">1.00 ₺</div> </a> </div> <div class=" items col-md-2 col-lg-2 col-sm-4 col-xs-6 box"> <a href="#" class="urun"> <img src="https://migros-dali-storage-prod.global.ssl.fastly.net/sanalmarket/product/08062205/erikli-su-10-l-2db166.jpg" class="img-responsive urun-img"> <div class="urun-adi">Tadım Ayçekirdek 200 G</div> <div class="urun-fiyat">7.00 ₺</div> </a> </div> <div class="items col-md-2 col-lg-2 col-sm-4 col-xs-6 box"> <a href="#" class="urun"> <img src="https://migros-dali-storage-prod.global.ssl.fastly.net/sanalmarket/product/08062205/erikli-su-10-l-2db166.jpg" class="img-responsive urun-img"> <div class="urun-adi">Coca-Cola Şekersiz 250 </div> <div class="urun-fiyat">2.00 ₺</div> </a> </div> <div class="items col-md-2 col-lg-2 col-sm-4 col-xs-6 box"> <a href="#" class="urun"> <img src="https://migros-dali-storage-prod.global.ssl.fastly.net/sanalmarket/product/08062205/erikli-su-10-l-2db166.jpg" class="img-responsive urun-img"> <div class="urun-adi">Cappy Pulpy Portakal 1l</div> <div class="urun-fiyat">5.00 ₺</div> </a> </div> <div class="items col-md-2 col-lg-2 col-sm-4 col-xs-6 box"> <a href="#" class="urun"> <img src="https://migros-dali-storage-prod.global.ssl.fastly.net/sanalmarket/product/08062205/erikli-su-10-l-2db166.jpg" class="img-responsive urun-img"> <div class="urun-adi">Eti Karam Gofret 50 G</div> <div class="urun-fiyat">1.50 ₺</div> </a> </div> <div class="items col-md-2 col-lg-2 col-sm-4 col-xs-6 box"> <a href="#" class="urun"> <img src="https://migros-dali-storage-prod.global.ssl.fastly.net/sanalmarket/product/08062205/erikli-su-10-l-2db166.jpg" class="img-responsive urun-img"> <div class="urun-adi">9 Kat Tat Gofret </div> <div class="urun-fiyat">1.00 ₺</div> </a> </div> </div> </div>

* { -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; font-family:hel, Arial; font-size: 14px; color:#7c7c7c; font-weight:normal; font-style:normal; margin:0; padding:0; border:none; outline:none; vertical-align: baseline; word-break:break-word; } a{ font-family:"hel" !important; color:#fff; } a:hover{ text-decoration:none; } .box{ box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .urun{ padding:15px; margin:auto; } .urun-img{ float:left; max-height:160px; } .urun-adi{ font-size:14px; color:#333; text-align:center; margin-top:10px; text-transform:capitalize; margin:10px 0 10px; transition:all .3s ease 0s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:2px; text-decoration:none; } .urun-fiyat{ font-size:14px; color:#333; text-align:center; margin-top:10px; font-weight:bold; text-decoration:none; }