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%! 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/
