Search code examples
htmlcssjsfiddle

Centering div's child element

I have the following js-fiddle. It's basically just a div that has a bunch of square child elements. The issue is that the div doesn't always stay centered. I've already set the following CSS:

.boutique-grid {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

I am not sure why it's not centering the child element div's. Any idea?

Solution

  • Remove float left from your .boutique-grid-column class. It will solve the issue.