On Mon, Mar 23, 2015 at 7:41 PM, John <j...@coffeeonmars.com> wrote: > in the image below, the blue-green divs are all same size and need to both > horizontally distribute and respect the padding on right and left sides.
http://coffeeonmars.com/screenshots/horiz-dist.png I’m to understand that flexbox might afford an elegant solution… The CSS3 Flexible Box layout mode indeed provides a method which could be a solution to your problem - the justify-content property with a value of space-between. Stand-alone demo: http://codepen.io/jreece/pen/dPaGKb?editors=110 More on flexbox: https://css-tricks.com/snippets/css/a-guide-to-flexbox/ https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes http://www.w3.org/TR/css-flexbox-1/ -- Jon Reece jon.re...@gmail.com ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
