Display:flex;が利かない

Display:flex;は横並べにしたい要素そのものではなく、親要素にかける必要があります。

親要素がない場合は、<div>を追加するなどしましょう。