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 <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.
>
> 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
> gets needlessly complex fairly quickly.
>
> Thanks for any insights!
>
> John
>
> coffeeonmars.com/screenshots/horiz-dist.png <http://coffeeonmars.com/
> screenshots/horiz-dist.png>
> ______________________________________________________________________
> 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/
>
______________________________________________________________________
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/
