webkit-box-with-modern-css-1-ref.html (862B)
1 <!DOCTYPE html> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <html> 7 <head> 8 <title> 9 CSS Reference 10 </title> 11 <style> 12 .box { 13 display: flex; 14 border: 1px solid black; 15 margin: 5px 20px; 16 width: 100px; 17 float: left; /* For testing in "rows" */ 18 font: 10px serif; 19 } 20 21 .box > *:nth-child(1) { background: turquoise; } 22 .box > *:nth-child(2) { background: salmon; } 23 24 br { clear: both; } 25 </style> 26 </head> 27 <body> 28 <!-- FIRST ROW --> 29 <div class="box"> 30 <div>a</div> 31 <div>b</div> 32 </div> 33 34 <div class="box"> 35 <div>a</div> 36 <div>b</div> 37 </div> 38 39 <br> 40 41 <!-- SECOND ROW --> 42 <div class="box"> 43 <div>a</div> 44 <div>b</div> 45 </div> 46 47 <div class="box"> 48 <div>a</div> 49 <div>b</div> 50 </div> 51 52 </body> 53 </html>