title: Place box-shadow behind sibling in CSS
body: <p>I would like a series of divs with no margin and both top and bottom box shadows such that the box shadows of each div do not overlap any other divs.  I've constructed a <a href="https://jsfiddle.net/ehxsdjr8/8/" rel="nofollow">jsfiddle</a> to show what I'm trying to achieve and what I have now.  This seems like something that <code>z-index</code> could be used for, but I'm not sure how.</p>