なぜブロックボックスは margin; 0 auto、インラインボックスは text-align: center のように使い分けが必要なのですか?

中央揃えにしたいものが要素そのものなのか、要素のなかのテキストなのか、によって指定方法が変わるからです。
2023年3月23日
ユーザー

表題の通りで、
なぜブロックボックスは margin; 0 auto、インラインボックスは text-align: center のように使い分けが生じるのでしょうか?
特に text-aligne: center は、テキストという名前が付いている割には、
img のようなテキストでないものに対して配置を指定するプロパティなので、直感的に覚えにくいと感じております。

使い分けが生じる理由等がもしあれば、丸暗記ではない形で覚えることが可能になりそうと思い、理解したい次第でご質問させていただきました。
よろしくお願いいたします。

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?