Question

Im trying to do some horizontal layout of divs but get an unwanted “margin” after the divs.
http://jsfiddle.net/Yzxpu/

When I change the the markup and delete the spaces or line breaks the problem gets fixed for the horizontal spacing, but still there is vertical spacing under the divs. And the markup looks bad.
http://jsfiddle.net/Yzxpu/1/

I don’t want to see any red (except for the far right, it will get fixed as the right-margin % gets set)

I’m using latest Chrome as web browser.

Answer 1

TRY THIS

http://jsfiddle.net/Yzxpu/10/

CHANGE YOUR CSS

#t-newsAndInfo{background-color:red; overflow:hidden}

#t-newsAndInfo div {float:left;}

REMOVE "DISPLAY" FROM #t-newsAndInfo div