これらの div を同じ行に配置するにはどうすればよいですか?

Question

トピックを含む Web ページがあり、1 行に 4 つのトピックを含めたいと考えています。ダミーのトピックを 4 つ配置しましたが、次のように行ではなく左側の列に配置されています。

これは私が使用した CSS コードです:

リーリー

これはテーマのレンダリングに使用する JSX コードです:

リーリー

このうち、赤い親 div が Topics 、各テーマが Topic です。

異なるグリッド表示と列配置を使用してみましたが、成功しませんでした。

Answer 1

リーリー リーリー