Расположить картинку по центру, как?

Question

[aloky]

https://codepen.io/aloky/pen/YYgpaB

upd:
У меня есть блок 150х150. Есть картинка 150x300 и надо расположить картинку по центру чтоб был в блоке 150x150.

<div style="text-align:center; height: 150px !important; width: 150px !important; overflow: hidden; margin: auto;">
 <a href="#">
   <img width="auto" height="150px" src="{{item.picture}}" style="height: 150px !important; width: auto !important;" />
 </a>
</div>

Comments

[Ankhena]

https://learn.javascript.ru/css-center

[aloky]

Ankhena, Мне надо на чистом css и без псевдо-элементов.

[Ankhena]

aloky, так ради бога, там полно вариантов, выбирайте какой душе угодно.

Answer 1

[Archakov Dennis]

https://codepen.io/archakov/pen/Ozqbqy

Answer 2

[EEclipsEE]

она и так у вас по центру, но т.к. вы над блоком извращались получилось так.
по факту делаете вот так https://codepen.io/anon/pen/vpPyQw. а потом двигаете блок как надо.