css center ul但保持图像左对齐

Question

我无法将我的ul列表保留在页面的中心，同时将图像对齐到左侧对齐的图像中。 基本上，我有很多用户发布的图像，虽然我希望它们作为一个组（ul）居中，我希望每个新图像出现在左侧。一个很好的例子是https://dribbble.com/。如果向下滚动，您可以看到最后一张图片与左侧对齐。

这是我的代码：

<div class="profile-user-snaps">
        <ul class="user-snap-wrapper">
        <?php 
        $getsnap = mysql_query("SELECT * FROM snaps WHERE userid = '$profileid'");
        $rows = mysql_num_rows($getsnap);

        if($rows > 0) {
          while($snapinfo = mysql_fetch_array($getsnap)) {
              $snapid = $snapinfo['snapid'];
              $snappic = $snapinfo['snappic'];
                    ?>
           <li>
              <a href="#">
                 <div class="user-snap-box">
                    <img src="<?php echo $snappic?>"> 
                 </div>
              </a>
           </li>
           <?php }
           } ?>
      </ul>
</div>

这是我的CSS：

.profile-user-snaps {
    margin-top: 0.5em;
    min-height: 500px;
    background: white;
    box-shadow: 1px 1px 2px #999999;
    text-align: center;
}
.user-snap-wrapper {
    border: 1px solid black;
    list-style: none;
    position: relative;
}
.user-snap-wrapper li {
    float: left;
    width: 25%;
    margin: 0.5em 0;
    position: relative;
}
.user-snap-wrapper li img {
    width: 90%;
}

当我将此代码用于文本时，一切都很好。 但是，当我将其与图像一起使用时，最后一个图像显示为右边对齐。 我也会尝试发布两张图片以某种方式说明我的意思： 这就是我想要实现的目标。

这就是我得到的。

非常感谢任何帮助。

谢谢。