Wyśrodkowanie obrazka bez użycia display: block [CSS]

Question

Witajcie. Mam problem z wyśrodkowaniem obrazka z linkiem. Obraz jest włożony w diva i zajmuje jakieś 50% tego diva. Po wyśrodkowaniu obrazu w CSS dodając 

display: block
margin-left: auto;
margin-right: auto;

obraz wyśrodkowuje się, lecz link działa na całej szerokości diva (czyli można kliknąć w puste pole obok obrazu).

W jaki inny sposób mógłbym to wyśrodkować zachowując link tylko na obrazie? Jedyna metoda jaka mi działała to dodanie w HTML <center>[link][obraz][/link]</center> ale wiem że jest to przestarzałe i nie powinno się tego już używać.

Answer 1

A może zamiast diva zrób img, i dla niego dodaj odpowiedni margin/padding :)

Comments

Chciałbym jednak aby ten img był w divie, łatwiej jest to później stylizować.

---

Dla diva daj: text-align: center;