JapyPayloarry
New Member
I'm trying to get three divs in a horizontal row. Each div has a different height. I want their parent element(which is yellow). This is the closest thing I have:\[code\]<div style="background-color: yellow;"> <div style="display:inline-table; background-color:red; width:50px; height:50px;">aaa</div> <div style="display:inline-table; background-color:green;"> <div>bbbbb</div> <div>ccccc</div> </div> <div style="display:inline-table; background-color:blue;">ddddd</div></div>\[/code\]http://jsfiddle.net/UuZeM/1/This is pretty much exactly what I want, but I don't know how to get rid of the space between the blocks.I've also tried setting each element to "float:left" instead of "display:inline-table", and that's almost exactly what I want - but the parent with the yellow background then doesn't get drawn behind the elements for some reason (I want the parent to be drawn behind the elements):http://jsfiddle.net/kbR8P/Thanks