css positioning to align the div horizontally
===

In the below fiddle;
[http://jsfiddle.net/kgVKw/5/][1]

I want the four blocks named block 1 block 2 block 3 block 4 to come horizontally without changing of tables position.

Now it is fine.All the blocks are in proper position.

But if some other div is present like  can paste this `<div> position </div>`  at the top of the fiddle.Only block 1 coming to the next line automatically since I dint give positioning for block 1.I want other block 2,3,4 also to come in same line,if some div is present.Can we acheive this through any CSS properties?


  [1]: http://jsfiddle.net/kgVKw/5/