要素を左端と中央に位置させる方法が分からない。

実現したいこと

二つの要素を水平方向に左端と中央に配置したいです。
それがレスポンシブ対応で常にそうなるようにしたいです。
中央の要素は常に水平方向で中央にあるようにしたいです。
以下実現したい図のイメージをのせます。

発生している問題・分からないこと

どうやって上の実現したいことを実現すればいいのか分からない。
フレックスボックスでやるのがいいのでしょうか？
それともposition:absoluteでそのようなことができますでしょうか？

該当のソースコード

特になし

試したこと・調べたこと

上記の詳細・結果

グーグルで検索しましたが、あまり分かりませんでした。

補足

特になし