Centering divs with a left float

[taymag]

On the site below I have the boxes with a float:left but when at just the right zooming where the right div/box is pushed off to the next line there is a big space to the right obviously. Is there a way to center these divs so there is equal space left and right no matter the zoom on the page?

http://www.pbreplacementcushions.com/

[waxdoc]

Seven (7) boxes is a lot. But with say three (3), you could figure something less than 33% (to allow for margins and padding). With four (4) something less than 25%.

[Excavator]

Hello again taymag,
Haven't we gone over this once already? It's just one solution but, since it works I'm surprised you didn't try it...
//...maybe I'm mis-remembering though.

Try making your CSS look like this -

.entry-content {text-align: center;}

.product-box {
    box-shadow: 0 0 13px #808080;
    display: inline-block;
   /* float: left; */
    height: 300px;
    margin: 15px;
    padding: 10px;
    text-align: center;
    width: 370px;
}

There are other solutions if you're not using that due to some conflict I'm not seeing on my end, .js for one. I think this is a very good method of doing what you're asking though.

[taymag]

Originally Posted by Excavator

Hello again taymag,
Haven't we gone over this once already? It's just one solution but, since it works I'm surprised you didn't try it...
//...maybe I'm mis-remembering though.

Try making your CSS look like this -

.entry-content {text-align: center;}

.product-box {
    box-shadow: 0 0 13px #808080;
    display: inline-block;
   /* float: left; */
    height: 300px;
    margin: 15px;
    padding: 10px;
    text-align: center;
    width: 370px;
}

There are other solutions if you're not using that due to some conflict I'm not seeing on my end, .js for one. I think this is a very good method of doing what you're asking though.

No, before you helped me with the box at the top of another page and floating them. This looks much better! I dont think I have ever used inline-block. Thank you! Very helpful.