html - CSSでそのような種類のグリッドレイアウトを実現することは可能ですか?

Question

これに似たレイアウトを実現したい

問題は、ボックスにULを 1 つだけ使用し、水平にする必要があることです。これが私がやったことです:私はULを作成し、その中のリスト項目は互いに左に浮かんでいますが、これを達成する代わりに-ここで何が起こりますか:

リスト項目の 2 行目が最初の行に入れ子になるのではなく、そのように配置される理由がわかりません。