How to make margin-bottom on all inline-blocks that are "not on the last line"?

Question

css

Inline blocks are automatically wrapped to a new line.
It's good when one inline block occupies the entire line and you can put :not(:last-child).
But what if there are a lot of inline blocks, and we do not know in advance how many of them will move to the last line?
That is, the line size is of course limited. That is, for example, they will fit 3 pieces per line. But the last line can contain either 1 or 2 or 3 elements.
And you need to make sure that the last line does not have margin-bottom: 10px, and all the rest do.
How to do it smart?

Answer 1

https://jsfiddle.net/8zcu2mqz/

Answer 2

Take a look at CSS Quantitative Selectors
. For your particular question, you have already been given a good and simple solution, but the article describes solutions for many similar and more complicated situations.