Trying to solve this seemingly simple problem has been quite the challenge for me. I have a container with multiple divs added to it, and I want these divs to position themselves freely within any available white space. However, they must follow a pattern of moving from top to bottom and left to right. It's important that I do not change the order of the divs. You can see an example of the issue I'm facing here: http://jsfiddle.net/8GMGF/1/. Any insights or suggestions would be greatly appreciated.
Additionally, I attempted using flexboxes as a solution, but it seems they are unable to utilize free space effectively. Perhaps there is something I overlooked in my approach.