[フロントエンド]flexで困ったこと

今回flexを触って困ったことがありましたので共有させていただきたいと思います。

今回困ったこと

このようにdisplay: flexで横並びにした要素があるのだが
テキスト1だけ横並びにしたくないときがあった。
flexの解除などを調べていたのだが、出てこなかったので試行錯誤を繰り返した結果、
少し無理矢理だが解決策を思いついた。

解決策

親の要素にflex−wrap: wrap;を追加して
テキスト1にwidth: 100%を指定するとうまくいった。

まとめ

かなり無理矢理なやり方な気がするのでここらへんのうまいやり方を募集。