Skip to content Skip to sidebar Skip to footer
Home / Css / Html

How Do I Centre An Image That Sticks To The Bottom Of A Varying Size Div?

Post a Comment
How do I centre an image and make the image sink/stick to the bottom of the div it is contained within?
Copy

http://jsfiddle.net/Curry/Suw4t/

Solution 2:

You could also add an empty extra div to contain the background image:

<div class="image-center"></div>


.image-center{
  height: 30px;
  width: 30px;
  margin-left: auto;
  margin-right: auto;
}

And then set the desired attributes on that div in your css. Place this div at the end of your content for the image to appear at the bottom of whatever parent container you are in. The margin-left and margin-right will center the image.

You may like these posts

Post a Comment for "How Do I Centre An Image That Sticks To The Bottom Of A Varying Size Div?"