Centering an Image Using CSS

aaronfalloon · Feb 23, 2006

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

painperdu · Feb 23, 2006

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

stscac · Feb 23, 2006

The whole thing would look like this:

Code:

text-align:center;

-Steve

aaronfalloon · Feb 23, 2006

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

Jim_ · Feb 23, 2006

Code:

margin-left: auto;
margin-right auto;

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

stscac · Feb 23, 2006

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 · Feb 23, 2006

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

Code:

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

aaronfalloon · Feb 23, 2006

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

jmweb · Feb 26, 2006

you could also use

Code:

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

aaronfalloon · Feb 26, 2006

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

Centering an Image Using CSS

Established Member

Established Member

A Wealth of KnowledgeVIP Member

Established Member

Established Member

A Wealth of KnowledgeVIP Member

Established Member

Established Member

Account Closed

Established Member

Similar threads

We're social

IYZB.com

MameCoin.com

PiedmontDesign.com

QualityOfLifeNYC.org

GloriasInsurance.com

rndcapital.com

Instantaneous.co

Xmuh.com

Cryora.com

MovingMountains.net

Pinned

Appreciation

Agreement

Answers

Relevance

Reaction

Status

Feeling