Aligning Images

[Mencarta]

I'm trying to align an image and this code doesn't work.

#logo {margin-left:auto;margin-right:auto;}

Any suggestions?

[Ingolme]

An image is an inline element. You need to give text-align: center to the parent element to make it centered.

[Mencarta]

Thanks.

[thescientist]

what if you set it to display: block?

[Mencarta]

If one solution works why create a new one?

[thescientist]

Actually that was more of a question for Ingolme. I was just trying to seek out from him if that was also a viable solution; it never hurts to know how to do things in different ways.

[Ingolme]

Actually that more of a question for Ingolme. I was just trying to seek out from him if that was also a viable solution; it never hurts to know how to do things in different ways.

display: block would center it if it has margin: auto set. But it removes the inline behaviour of the image, like being able to be on the same line as text and other images. It all depends on what you're doing with the image.

[thescientist]

and the inline behavior is how one would achieve text wrapping around an image? (with a float setting applied to the image?)