Как я могу центрировать изображение по горизонтали и выравниваться в нижней части контейнера одновременно?
Я смог центрировать изображение по горизонтали сам. Я также смог выровнять нижнюю часть контейнера. Но я не мог одновременно делать это одновременно.
Вот что у меня есть:
.image_block {
width: 175px;
height: 175px;
position: relative;
margin: 0 auto;
}
.image_block a img {
position: absolute;
bottom: 0;
}
<div class="image_block">
<a href="..."><img src="..." border="0"></a>
</div>
Этот код выравнивает изображение в нижней части div. Что мне нужно добавить/изменить, чтобы он также центрировал изображение по горизонтали внутри div? Размер изображения неизвестен раньше, но он будет 175x175 или меньше.