display: inline-block;

にすると、とりあえず横並びになります。最初はこちらを想像しました。

今回の場合は、Flexboxで書いた方がよさそうです。

質問１ inline-block とFlexboxの使い分けのアドバイスをください。
質問２ inline-block の方が使いやすい場合を教えてください。