css overflow hidden increases height of container

Question

Please have a look at this fiddle - http://jsfiddle.net/Z27hC/

var container = document.createElement(\'span\');
container.style.display = \'inline-block\';
cont         


        

Answer 1

Try setting line-height: 0 for the container and line-height: 20pxfor your cells

container.style.lineHeight = '0px';

cell.style.lineHeight = '20px';

Fiddle

Or you can use float: left on your cells

cell.style.float = 'left';

Fiddle2