Remove margin between rows of overflowing inline elements

Posted by Ian on Stack Overflow See other posts from Stack Overflow or by Ian
Published on 2011-03-18T23:57:44Z Indexed on 2011/03/19 0:10 UTC
Read the original article Hit count: 155

Filed under:
|
|

I'm creating a tile-based game and am using block rendering to update a large list of tiles. I'm attempting to do this in the most simple manner, so I've been trying to work with HTML's default layouts. Right now I'm creating 'inline-blocks', omitting whitespace between the elements to avoid horizontal spaces in between them but when the blocks overflow and create a new line there is some vertical margining in which I do not know how to remove.

Example to make this a bit clearer: http://jsfiddle.net/mLa93/13/

(Pretty much I just need to remove the spacing between the block rows while retaining the simple markup.)

© Stack Overflow or respective owner

Related posts about html

Related posts about css