Other elements wrap around center positioned div

Question

I am working on this page . 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.

Answer 1

我认为您可以执行以下操作： http : //jsfiddle.net/QrEr5/3/