flexとinlineの違いがよくわかりません

flexにするとその子要素が横並びになります。inlineにするとその要素そのものが左詰めになります。
2020年5月12日
ユーザー

「.info ul」に対して「display: flex;」ではアイコンが横並びになり、
「display: inline;」では縦並びのままになりました。

また、「.info li」に対して「display: inline;」を指定すると
アイコンがイメージ通り横並びになりました。

なぜこのような動作の違いがあるのでしょうか。

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(10)