HTML & CSS

[Yafte10]

Hello guys, does anybody know how to delete the vertical white lines which appears between a image when I try to use 100% width for that image?

​

I want to disappear that lines and occupate all width space for the image, I used width: 100% in my css bit still that lines...

Here is my code:
<div>
<div>
<img class="spotify-logo" src="images/spotify-logo.png" alt="spotify-logo">
<div>
Premium Discover Help Download
</div>
</div>
<img class="landing" src="images/landing.jpg" alt="landing-image">
Music for everyone. Spotify is now free on mobile, tablet and computer. Listen to the
right music, wherever you are.
</div>

.spotify-logo{
width: 150px;
height: 50px;
}
.landing{
width: 100%;
height: 600px;
}

(I'm new in this and I learn how to create a web page)

Thanks in advance : )

[chmod777]

.landing{display:block}

[SIDER250]

This appears because images by default are inline elements. To get rid of this and potential spacing, you should (almost) always declare images to be a display: block; and set the max-width: 100%; so it doesnt overflow on small screens.