Re: [css-d] easy horizontal distribution of divs

Maybe: .parent{padding:0 2%;} div {width:32%;} div + div {margin-left:2%;} Adjust as needed. HTH On Mon, Mar 23, 2015 at 7:42 PM John 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. >

Re: [css-d] easy horizontal distribution of divs

On Mon, Mar 23, 2015 at 9:11 PM, John wrote: > That is pretty elegant…if I’m looking at things correctly, I need not mess > up my entire WP theme, as long as there is a parent and child relationship, > and said “parent” can simply be inside my content area…so the flex > relationship would cascade

Re: [css-d] easy horizontal distribution of divs

> On Mar 23, 2015, at 6:05 PM, Jon Reece wrote: > > 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 > <

Re: [css-d] easy horizontal distribution of divs

On Mon, Mar 23, 2015 at 7:41 PM, John 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 a

Re: [css-d] easy horizontal distribution of divs

> On Mar 23, 2015, at 5:03 PM, Karl DeSaulniers wrote: > > You mean something like this? > > http://designdrumm.com/inline-elements.html > > > Salt to taste. Yeah, kinda..except there’s horizontal space in between first and second and second and

Re: [css-d] easy horizontal distribution of divs

You mean something like this? http://designdrumm.com/inline-elements.html Salt to taste. Best, Karl DeSaulniers Design Drumm http://designdrumm.com On Mar 23, 2015, at 6:41 PM, John wrote: > in the image below, the blue-green divs are all same size and need to both > horizontally distribu

[css-d] easy horizontal distribution of divs

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. Is there a straightforward css to handle this? I can do it if I give the first 2 some margin-right, and give the 3rd one its own div name but this g