HTML/CSS Help: Floating icons around another element?
 

On this page I'm trying to get the icons to wrap around the gray block (which will eventually become a small model profile), like in this picture. I have a feeling this can be accomplished by floating the elements, and changing the positioning (relative/absolute), but so far I haven't been able to figure out how to do so correctly.

Any help would be appreciated,

~TT

You need to remove the clear div!

And do some changes with your css! I have changed the bottom margin from 8 to 10px.


.homeposts .post {
width: 184px;
height: 286px;
float: left;
margin: 0 2px 10px 2px;
}

Good luck,

That did the trick! Removed the clears and floated the box left. Thanks!