How to center things - display:block/inline-block

Question

When centering things in html and css, I find two approaches - either applying on the element :

display:block;
margin:0 auto;

or using:

Answer 1

There is no better way in this situation both approach will work and both are corrected. Just one thing display:inline-block doesn't work on IE7 (if you support this browser) you will need a hack to make it work

display: inline-block;
*display: inline;
zoom: 1;