Center div and fit contents?

Question

I want to center a div in the middle of my page, and have the div fit the contents. How can I do that?

---

I've tried

width: 1px;
white-space: nowrap;
margin: 0 auto;

Which centers the div, but then all the text is to the right of that.

display: inline-block makes the div fit the contents, but then margin: 0 auto; doesn't seem to work...

Answer 1

Does this work for you: http://vidasp.net/tinydemos/inline-centered-div.html

body { text-align:center; }
div { display:inline-block; }