htmlspace

Where is this extra space between divs coming from?

http://www.lethalmonk6.byethost24.com/index.html

If you inspect with firebug the spacing between the "project-link" divs, there are a few pixels of added margin between each div. I have the margin set to 20 px, and then these little bits gets added on. Where is it coming from?

Solution

  • You're using display:inline-block so the white space between the elements is what you are seeing there. You can either remove the white space between the divs or use float: left instead.

    To elaborate... if you're using display: inline-block do this:

    <div></div><div></div>

    Instead of this:

    <div></div>
<div></div> // White space is added because of the new line