Centering an Image Using CSS

[aaronfalloon]

How do you center an image using CSS? Thanks in advance.

 

[painperdu]

The image needs to be in a container and then use 'text-align'.

 

[stscac]

The whole thing would look like this:

text-align:center;

-Steve

 

[aaronfalloon]

I read somewhere were that wasn't the recomended way, is there any other methods?

 

[Jim_]

margin-left: auto;
margin-right auto;

You might need to set width, but that should work.

 

[stscac]

What other method with CSS is there?

You can either use css in the header of your file, an external style sheet, or, within an image tag directly in its CSS "style" attribute. I use the first two regularly, but the third is not my favorite.

-Steve

 

[Tree]

Here's a one I found using The Anointed One. I haven't tested it myself, so it may or may not work.

<div style="text-align: center;">
  <div style="text-align: left; margin: 1em auto; width: 50%;">
  </div>
</div>

 

[aaronfalloon]

Thanks for the help guys, only the first method seems to be working. Thanks again.

 

[jmweb]

you could also use

<img src="file.jpg" align="center">

 

[aaronfalloon]

I don't think thats using CSS but thanks anyway.