How would I remove white space between images using CSS?

Question

I'm working on a small personal project, and for the main page, it's going to be several images, one after another, each the size of the page.

I'm try to get rid of this type of spacing:

Any help is appreciated, thank you!

Can you cut and paste your HTML (and CSS)? That will show how you laid it out, what the problem is and allow another dev to post a fix. — Andrew Koper, Sep 26 '16 at 19:34

score 2 · Answer 1 · answered Sep 26 '16 at 19:33

2

You must set in style as:

img {
    display: block;
}

Cheers

answered Sep 26 '16 at 19:33

Roberto Lonardi

score 2 · Accepted Answer · answered Sep 26 '16 at 19:33

2

Set display: block for each img. Example in the snippet below. height is set just so the image isn't too big.

img {
  display: block;
  height: 150px;  
}

<img src="http://i.imgur.com/B5vX1kN.jpg"/>
<img src="http://i.imgur.com/KYXOUfE.png"/>

answered Sep 26 '16 at 19:33

Yangshun Tay

score 1 · Answer 3 · answered Sep 26 '16 at 19:37

1

You should post your CSS and HTML code otherwise it is quite hard fix that problem.

A possible solution is

img{border:0;}

or

img {display: block;}

answered Sep 26 '16 at 19:37

Mirko Conti

3 Answers3