Div so breit wie der Text und zentrieren?

Hallo,

in einem HTML habe ich ein Div wie folgt zentriert

Code:

---

<div id="test" style="display:inline;margin:auto">
MYDIV
</div>

---

in Contao funktioniert dieses nicht, kann mir das jemand erklären?

Gruß Klaus

Entweder du machst display:block mit einer Breite + margin:0 auto
https://jsfiddle.net/owgasy1u/2/

oder ein Parent-Element mit text-align:center
https://jsfiddle.net/owgasy1u/3/

danke valentin