How to use divs instead of tables

Question

I am trying to create the following table layout, but I want to use DIV instead of TABLE:

------------------
|       |        |
| CELL1 |  CELL2 |
|       |              


        

Answer 1

Try the following: (working jsFiddle)

HTML:

CSS:

.container{overflow:hidden; width:100%;}
.cell{width:50%; float:right;}
#cell1{float:left;}

Your approach (which places the divs in rows) is not a good choice in this case.. mine separates them by columns.