`button`要素の中の文字を中央に位置させるために`display: flex;`を使用する方法は、非常に効果的であり、多くの場面で役立ちます。 Flexboxは、要素内のアイテム（この場合はテキスト）の配置を簡単に制御することができるCSSのレイアウトモデルです。