Ne yaptımsa bir türlü küçük resimleri sola düzgün yaslayamadım. Demin bu sorunu çözdüm sayılır ama yine de bir satıra 3 adet resimi ekleyemiyorum. Ve div komple soldan başlamıyor. Şu resimdeki gibi : https://prnt.sc/lhk5o3

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;}