I have a div that I want to center with a background image. The image is big enough that I only want to display it once. I cannot get the image to center but the text does. Also, I would like the text to wrap within the div. Right now if I type more text than the div can handle, it goes outside of it. The text is centered but the image is displayed on the left of the page. Can someone help me? Here is my div that the image is in.
#image{
background-image: url("images/paper2.jpg");
background-repeat: no-repeat;
display: inline;
color: black;
text-align: center;
}
