Позиция Изображение в нижней части страницы CSS

Question

Я уверен, что есть определенный способ разместить изображение в нижней части центра страницы в CSS с небольшим пробелом, но я не смог найти эффективный метод еще. Каковы предложения yall?

Answer 1

Вот один из способов сделать это -

HTML:

<img class="my-img" width="200" src="/path/to/image.jpg" /> 

CSS:

.my-img { 
    position : absolute; 
    bottom  : 10px; 
    left  : 50%; 
    margin-left : -100px; /* half width of img */ 
} 

http://jsfiddle.net/q3e6qmdq/