box-shadow-001-ref.html (591B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <p>There should be 6 identical cyan rectangles below, all with a box shadow.</p> 4 <style> 5 #mc > div { 6 float: left; 7 margin-bottom: 50px; 8 margin-right: 50px; 9 width: 100px; 10 height: 50px; 11 box-shadow: 20px 20px 20px; 12 background: cyan; 13 } 14 </style> 15 <div id="mc" style="width:400px; height:150px; background:yellow;"> 16 <div></div> 17 <div></div> 18 <div style="margin-right:0;"></div> 19 <div></div> 20 <div></div> 21 <div style="margin-right:0;"></div> 22 </div>