Layout horizontal Divs

[Shikkediel]

I believe so. That’s unexpected behaviour to me.

[dogpaw]

Huge thank you to you for your help on this. Life saver. Looks like I’m all good for now.

Take care.

[Shikkediel]

Glad to help out, cheers.

[plastico plastico]

You’re saying the widget width should be 19.5% instead of the 20.875%? It does seem that would work but I’m copying the width from the default portions of the theme. I wonder what, if any, difference I could be missing for some other aspect of the layout?

[Shikkediel]

That was the first conclusion I’d drawn – we later decided that adapting the margins would be a better approach. With that, the default width was kept intact.

[rrwebdesign]

Here’s a pen with four boxes evenly distributed and responsive.

http://codepen.io/rrwd/pen/KpBZoq

The key is that the inner div has display:inline-block and its parent with text-align:center. And, nicely responsive.

Narrow and widen your browser to see that the boxes maintain their center alignment.

[Author]

Posts