Niechciany margines obrazu

Question

Cześć! Tworzę stronę i mam problem z marginesem przy obrazie ,kod wygląda tak:

<div class="albums">
<div class="album"><img src="obrazek.jpg" alt="obrazek"/></div>
</div>

.albums
{
	top:5%;
	position: absolute;
}
.album img
{
	width: 50%;
	height: 50%;


}
.album
{
	background-color:#02a5e6;
	width: 50%;
	height: 50%;

}

Jednak widzę margines ,zobaczcie na zdjęciu:

Answer 1

Twój problem wynika z tego że obrazek zachowuje się jak tekst więc zostawia na dole trochę przestrzeni. Rozwiązaniem jest dodanie poniższej linii:

img {
    vertical-align: middle;
}

Jeżeli chodzi Ci o niebieskie pole z prawej strony to wynika ono z width:50% jakie nadałeś dla img ale wydaje mi się że to wiesz :)

Answer 2

img{margin:0;}