chce zeby tylko img było hrefem a nie cały div

Question

Cześć mam pytanie co muszę zrobić aby tylko po najechaniu ma img  można było przejsc na stronę ktora bedzie podoba w href.

<div class="media">
<a href="https://www.facebook.com/Woojtek1" target="_blank">
<img class="fb" src="img/fb.png" alt="facebook"/>
</a>
</div>

w tej chwili mam takie coś, ale nawet jak sie najedzie obok na diva to i tak mozna kliknać link mimo ze myszka nie jest na img 

Comments

a jakie style mają podane elementy?

---

.media
{
    height: 40px;
    background-color: #FFFFFF;
}


.fb
{
    display: block; 
    margin: 0 auto;
    cursor: pointer;
    transition: 1s;
}

.fb:hover
{
    opacity: 0.8;
}

 

---

sam sobie odpowiedziałeś, obrazek ma display: block :P

Answer 1

dodajesz do .media atrybut text-align: center :P

Comments

to było tak proste i na to nie wpadłem, dzięki :D

---

wszystko ekstra tylko zrobiłą mi się mała szpara pod img, której z display block nei było :D 

---

hmm, line height?

Answer 2

To przez display: block dla .fb

Comments

gdy to usuwam to obrazek już nie jest wyśrodkowany, a inne sposoby jakoś mi nie działały może wiesz jak to wyśrodkować?

---

Dostałeś już odpowiedź, ale jeśli chcesz się nauczyć więcej o środkowaniu kontentu itp. to polecam:Flexbox

A tutaj szybko zrozumiesz jak to działa w postaci mini-gierki :D
flexboxfroggy

---

ok dzięki ;D