How do I get rid of the space between <img> elements in a row in a html page?

Posted by Aperture on Stack Overflow See other posts from Stack Overflow or by Aperture
Published on 2011-01-06T16:50:18Z Indexed on 2011/01/06 16:53 UTC
Read the original article Hit count: 208

Filed under:
|

I'm displaying 3 <img> in a row like this:

<div style="width: 950px">

                <img src='/UploadedImages/86.jpg' alt='' style="width: 300px; margin: 0px; padding: 0px; border: 1px solid Black" />

                <img src='/UploadedImages/85.jpg' alt='' style="width: 300px; margin: 0px; padding: 0px; border: 1px solid Black" />

                <img src='/UploadedImages/84.gif' alt='' style="width: 300px; margin: 0px; padding: 0px; border: 1px solid Black" />

        </div>

As you can see I have thin black borders around the images. My problem is that there are white spaces about 5px wide between the borders of neighbouring images and I have set the margin to be 0px but it does not work. So what is happening here?

© Stack Overflow or respective owner

Related posts about html

Related posts about css