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
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