inline-block-sibling-1c.html (456B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style type="text/css"> 5 #parent { 6 width: 200px; 7 background-color: lightgreen; 8 } 9 #inline-block1, #inline-block2 { 10 display: inline-block; 11 height: 2em; width: 200px; 12 background-color: green; 13 vertical-align: bottom; 14 } 15 #inline-block1 { 16 margin-bottom: 1em; 17 } 18 #inline-block2 { 19 margin-top: 1em; 20 } 21 </style> 22 </head> 23 <body> 24 <div id="parent"> 25 <div id="inline-block1"></div> 26 <div id="inline-block2"></div> 27 </div> 28 </body> 29 </html>