How to give appended elements a position with jQuery

my appended elements are very messy and all over the place. When you append something in one box, the other ones move.

My question to you is; How can i give some kind of structure to the elements i'm appending. Maybe with some sort of tile strategy?

i want exactly 4 boxes next to each other and the fifth beneath it so you create rows of 4. but i dont know how开发者_JAVA百科 to do this and if its a lot of work

here is my code: http://www.jsfiddle.net/Es3R9/

---

Change the width of your container to 800px and add float: left; to .redbox. That's it.