Zentrieranker mit Bild in div
Ich habe ein Bild, das sich in einem Ankerelement befindet.
Ich möchte, dass der Anker und das Bild sowohl vertikal als auch horizontal im übergeordneten Div zentriert werden.
Hierist ein Beispiel:
<div class="wrapper">
<a href="#" class="anchor">
<img src="http://bit.ly/1mFH8AW"></img>
</a>
</div>
.wrapper {
background: black;
width: 500px;
height: 500px;
}
.anchor {
}
.anchor > img {
height: 100px;
width: 100px;
}
Ergebnis: