Other elements wrap around center positioned div
===

I am working on [this page][1]. As you can see, it's a squarish grid kind of layout. I was wondering if I can position an element that occupies 4 squares (2x2 in the middle), and having the other elements wrap around it, like this:

     _ _ _ _ _ _ _ _
    |_|_|_|_|_|_|_|_|
    |_|_|_|_|_|_|_|_|
    |_|_|_|   |_|_|_|
    |_|_|_|_ _|_|_|_|
    |_|_|_|_|_|_|_|_|
    |_|_|_|_|_|_|_|_|

I was wondering whether this is even possible? Reliance on Javascript (vanilla or jQuery) is tolerable for this project.

Thank you for your insights

  [1]: http://yugo.ponchoalfonso.com/?p=16