block-non-sibling-3d.html (360B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style type="text/css"> 5 #a { 6 background-color: green; 7 margin-bottom: 20px; 8 } 9 #a div { 10 height: 20px; 11 margin-bottom: 40px; 12 } 13 #b { 14 background-color: green; 15 margin-top: 80px; 16 } 17 #b div { 18 height: 20px; 19 margin-top: 10px; 20 } 21 </style> 22 </head> 23 <body> 24 <div id="a"> 25 <div></div> 26 </div> 27 <div id="b"> 28 <div></div> 29 </div> 30 </body> 31 </html>