高さが異なる要素を、ライブラリを使用せず、レンガ状に隙間なく並べるためにはどうすれば良いでしょうか？
・Flexboxでは無理？
・グリッドシステムでもない？
・どういうキーワードで検索すれば良い？
・どこかに基本的な考え方(実装手順)を記したチュートリアルみたいなページはないでしょうか？

※追記しました

幅、高さ
・指定なし
・任意(可変OK)

順序
・付与したい
・可能ならば左から右へ