Question

I have some problem when creating a grid of div on a page, but each cell in the grid can have different type of elements in it like <div></div> or <img/>. The grid is being generated but it is a distorted when few of the elements of the cells differ.

Here is a fiddle example of the problem.

But when you replace the img tags with divs it works fine.
Any help.

Answer 1

You should apply vertical-align:top to div elements. Fiddle here: http://jsfiddle.net/keaukraine/AQnS4/