CSS の padding と margin、text

ここでtext-align:centerを指定すると、
中央部にレンダリングされる。と思っていたのだけど何かが間違っているらしい。

いえ、間違っていません。センタリングされます。ちなみに最後の図のようになるのは、ちょうどテキストと同じ幅の width が指定されているような場合です。

テキストがただ一行におさまる短いもので、かつ border もなにも無ければ、text-align: center は margin: auto でセンタリングしたのと同じような挙動になります。

そうならないのだとしたら、やっぱりブラウザがなんか変なのでしょう。