How to make TD behaving like TR(row) with CSS?

You can do this by applying display: block to the tds:

http://jsfiddle.net/wYA9K/

That works in all modern browsers except IE9..

Using float: left; width: 100% instead makes it also work in IE8/9:

http://jsfiddle.net/gvpzh/

Nothing will make it work in IE7.

Try this:

td{
    display: table-row
}

Related