How to align a grid of elements if justify-content:space-between doesn't fit?

Question

css

https://jsfiddle.net/gkho05oc/1/
The problem is the following: I don't know the number of labels, there may be 3, maybe 15. Initially, I wrote something similar: for each next label to retreat by 4 px, but if place 4+ labels in sequence, then the labels go crooked on the next line. It is understandable, but writing is not an option, because it will have to be adapted for each border of the browser window width. How can using (maybe something else) make sure that the blocks are not placed at the edges, but have the behavior of floats? Actually, a question similar to mine is described here: https://stackoverflow.com/questions/32205152/using....item + .item {margin-left:4px}:nth-of-type(4) {margin-left:0}
justify-content:space-between
However, I am not satisfied with these crutches in the form of hidden blocks, etc., because, as I say, the number of blocks is not known to me.
This problem occurs quite often, how is it generally solved?

Answer 1

justify-content: flex-start;