inline-box-orthogonal-child-with-margins-ref.html (490B)
1 <!DOCTYPE html> 2 <style> 3 .container { 4 border: 1px dashed blue; 5 height: 200px; 6 width: 560px; 7 box-sizing: content-box; 8 } 9 .container > div { 10 float: left; 11 width: 40px; 12 margin: 10px 20px 30px 40px; 13 border-width: 20px 30px 40px 50px; 14 padding: 30px 40px 50px 60px; 15 border-style: dotted; 16 } 17 .container > div:nth-child(1) { background: yellow; } 18 .container > div:nth-child(2) { background: purple; } 19 20 </style> 21 22 <div class="container"> 23 <div></div> 24 <div></div> 25 </div>