css centering image

i'm sure its very easy, but how does one center an image using css.

i've used text align :center, which i presume is for text
i've also set left and right margins for img in my div as auto, but it doesn't
work.

any ideas?

i've used text align :center, which i presume is for text

It's for any inline tag/content. So, all other things being equal it will
center an image, viz.

<p style="text-align:center;"><img src="foo.gif" />Both the text and the
image will be centered within this '&lt;p&gt;' tag</p>

i've also set left and right margins for img in my div as auto, but it
doesn't
work.

Yeah - won't work for an inline tag. Show us the markup for your div,
please.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"malcster2" <webforumsuser (AT) macromedia (DOT) com> wrote

i'm sure its very easy, but how does one center an image using css.

i've used text align :center, which i presume is for text
i've also set left and right margins for img in my div as auto, but it
doesn't
work.

any ideas?

i've now used this, which has done the trick

.maincontent img
{
width:190px;
height:130px;
border:none;
display:block;
margin:0 auto;
}

i would of thought there would be a more straight forward method though,
something like image-align:center.