image alignment

[metadata]

I'm trying to align an image in my HTML document to the center of the page. In looking through the references on the W3 page I see that the align attribute is deprecated. There's a note that the CSS float property can be used (I am using an external style sheet) but it looks like it would only set things to the right or left, but not the center. Can someone point me in the direction of where I can look to solve this? Thanks

[saveyourself91]

Give your image a width and then use margin:auto;

[metadata]

When use auto it stays on the left side. I've been trying different percentages and that seems to work better.

[niche]

Make that margin: 0 auto.

[metadata]

Make that margin: 0 auto.

that doesn't seem to be working, is my code correct in my CSS?

img {margin:0 auto;}

[dsonesuk]

By default the img element is a inline element, margin: 0 auto; width: ###px; won't wotk unless you define it as block element. img {margin:0 auto; width: ###px; display:block;}

[metadata]

OK, that worked perfectly. Thanks!

[niche]

This will give you additional background for future display decisions: http://www.w3schools.com/jsref/prop_style_display.asp