On Monday, April 14, 2014 06:24:06 PM John Johnson wrote: > Goal: 3 Divs of equal width, equally horizontally spaced within their > parent. > > div width: 30.333333333% x 3 appx = 91%, leaving 9% for a total of 100% > > To achieve the spacing I assumed that margin-left:3% would do it: 3 divs, 3 > left edges, 3 x 3% = 9% > > It didn’t and I have no clue why. No, the magic figure appears to 2.3%!
If you use 3, you get 3 red left margins. But it appears from your example that you really want 3 left margins AND a right margin that's the same size. Thus, 4 x 2.25 = 9% > > Can anyone shine a light on this, please? Codepen below. > > Thank you! > > John > > http://codepen.io/JohnJohnson/pen/pmjxz/ > ______________________________________________________________________ > 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/
