How to Shift Left a row of Thumbnails

My code is currently:

<div class="img-wrap">

    <img class="item-thumb" src="file1.jpg" id="thumbimg" onclick="ShowLarge(this);" />

    <img class="item-thumb" src="file2.jpg" id="thumbimg" onclick="ShowLarge(this);" />

     (and then replicated for 8 more thumbnails)

</div>

Suppose product1 has 6 thumbnails, and product2 has 8 thumbnails. How can I shift-left the images?

I am learning html and Razor, so I'm open to any suggestions!