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

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

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