Sorunu çözebilmek için div elementine 100% değil 800px vermem gerekiyor. Bu sefer de mobilde sayfa kayıyor. Piksel verirsem : https://prnt.sc/lhk4mt
HTML :
<div class="caption-sol"> <ul> <li>[caption id="" align="alignnone" width="240"]<a class="prettyphoto" href="#" target="_blank" rel="noopener"><img class="lviv-resim-2" src="#" alt="" width="240" height="180" /></a> text[/caption]</li> <li>[caption id="" align="alignnone" width="240"]<a class="prettyphoto" href="#" target="_blank" rel="noopener"><img class="lviv-resim-2" src="#" alt="" width="240" height="180" /></a> text[/caption]</li> <li> [caption id="" align="alignnone" width="240"]<a class="prettyphoto" href="#" target="_blank" rel="noopener"><img class="lviv-resim-2" src="#" alt="" width="240" height="180" /></a> text[/caption]</li> </ul> </div> <div class="sol-sil"></div>CSS :
.caption-sol {width: 800px;}
.caption-sol ul li {float:left; display: inline-block; border: solid 1px
red !important; list-style-type:none !important;
margin-right: 5px !important; margin-bottom: 10px;}
.lviv-resim-2 {padding: 1px;}