In my test, I have 2 spans both set to display:inline-block with a border for visibility. Firefox renders space between each span. Even setting margin:0;padding:0; doesn’t do anything to fix this. My expectation when setting the inline span element to display:inline-block is that the 2 spans render flush against each other, as if you floated 2 divs left or right. The only ‘fix’ I have found is to add float:left or right to the spans, but that defeats my original purpose of trying not to use floats at all. Any ideas?
<style> span{ border:2px solid #000; display:inline-block; padding:0; margin:0; } </style> <span>Test</span> <span>Test2</span>
It’s spacing them apart because you have space between them – the newline.