Clearing inline-blocks?

Question

I have

.centered-holder {
    margin-left: auto;
    margin-right: auto;
    clear: left;
    display: inline-block;
}

Then

&l         


        

Answer 1

Changing display:inline-block to display:table may do the trick.

By default, a table clears it's sibling elements (like a block div), and it's width expands to fit it's content (like an inline div).