I have a series of images being displayed such as the image attached. Those images are wrapped inside a div. The div has a margin-right of 10 pixels. The div is defined to be inline-table so as the browser width is decreased, the number of images being shown will moved from 4 to 3 to 2, etc.

The blue area represents the margin between the main content of the site and the right section which contains some marketing items and such. I have highlighted it in blue in the image attached so to make it easy to see the margin I am making reference to.

What I would like to know if there is a way to avoid the margin-right of the div when it is the last image before it wraps. Because, as is, this creates an extra 10 pixels between the main content and the right section.