How to center a (background) image within a div?

html css image background center
oompahloompah picture oompahloompah · Feb 18, 2011 · Viewed 245.6k times · Source

Is it possible to center a background image in a div? I have tried just about everything - but no success:

<div id="doit">
  Lorem Ipsum ...
</div>

//CSS
#doit { background-image: url(images/pic.png); background-repeat: none; text-align: center; }

Is this possible?

Answer

Lucas picture Lucas · Feb 18, 2011 
#doit {
    background: url(url) no-repeat center;
}

Related questions

Change brightness of background-image?

I am wondering if it is possible to change the brightness of: body{ background-image:url(); } Using HTML/CSS. The reason I would like to change it, is because I just spent a rather long time making the image, but when …

Read More
onerror event using background: url()

Is there a way to show alternate image if source image is not found? I know to accomplish this is by doing something like below: <img src="imagenotfound.gif" alt="Image not found" onError="this.src='imagefound.gif';" /> …

Read More
How do I auto-resize an image to fit a 'div' container?

How do you auto-resize a large image so that it will fit into a smaller width div container whilst maintaining its width:height ratio? Example: stackoverflow.com - when an image is inserted onto the editor panel and the image …

Read More