CODEWITHSUNDEEP
csscss-float
CaptSaltyJack
CaptSaltyJack

Reputation: 16055

CSS position/layout to have DIVs flow around a DIV?

This is extremely difficult to explain, so I've created a fiddle to help:

http://jsfiddle.net/csaltyj/VRZef/

Size the panes so that the first row of boxes goes from 0 to 10. Click on box 13. What I'd LIKE to have happen is have those four empty spaces to the left of box 13 be filled with 20, 21, 28, and 29. In other words, I want the boxes to wrap completely to the left and flow AROUND box 13. Is this doable?

Upvotes: 1

Views: 185

Answers (1)

LoveAndCoding
LoveAndCoding

Reputation: 7947

Unfortunately this is not possible in pure (modern browser supported) CSS.

I would recommend checking out Masonry. It is a jQuery plugin that handles this in JavaScript.

Upvotes: 3

Related Questions