PHP Container Positioning

[Gang67]

I am attempting to make it so whenever a user is ranked it creates a box for them. It currently makes the container for the user but puts it below them or if I set the position to absolute it puts them together. I am trying to position them in the screenshot shown below. Thanks for your help. Not sure if I need to post any code but here is the css for my containers I guess:

Spoiler: BOX CSS

.staff-1 {
    background-color: white;
    border-radius: 10px;
    margin-top: 18px;
    margin-left: 200px;
    width: 290px;
    height: 275px;
    border-color: black;
    border-width: 2px;
    border-style: solid;
    overflow: hidden;
}

 

[CokeSK8]

Try add float: left; to class.

 

[Gang67]

Try add float: left; to class.

Not sure that will work at it will float all of the containers into the same position but I will try that later

 

[JayC]

Personally I would wrap it in a table .

 

[CokeSK8]

Not sure that will work at it will float all of the containers into the same position but I will try that later

Your CSS

Spoiler

Your CSS with float

Spoiler

Now only it remains to modify the margin

 

[Gang67]

Your CSS

Spoiler

Your CSS with float

Spoiler

Now only it remains to modify the margin

Yes but all the boxes rely on 1class so they all with float left
 

Personally I would wrap it in a table .

Good idea I will try that

 

[JayC]

Your CSS

Spoiler

Your CSS with float

Spoiler

Now only it remains to modify the margin

That can be achieved with display: inline-block; as well

 

[Gang67]

That can be achieved with display: inline-block; as well

I will try all this out after school
 

Your CSS

Spoiler

Your CSS with float

Spoiler

Now only it remains to modify the margin

Thanks, used the float as part of my solution