webkit-box-ordinal-group-3-ref.html (1277B)
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 float: left; /* For testing in "rows" */ 17 } 18 br { clear: both; } 19 20 .box > * { 21 border: 1px dotted purple; 22 } 23 </style> 24 </head> 25 <body> 26 <div class="box"> 27 <div>*</div> 28 <div>10</div> 29 <div>A</div> 30 </div> 31 <div class="box"> 32 <div>*</div> 33 <div>10</div> 34 <div>B</div> 35 </div> 36 <div class="box"> 37 <div>*</div> 38 <div>10</div> 39 <div>C</div> 40 </div> 41 42 <br> 43 44 <div class="box"> 45 <div>*</div> 46 <div>10</div> 47 <div>D</div> 48 </div> 49 <div class="box"> 50 <div>*</div> 51 <div>10</div> 52 <div>E</div> 53 </div> 54 <div class="box"> 55 <div>*</div> 56 <div>10</div> 57 <div>F</div> 58 </div> 59 60 <br> 61 62 <div class="box"> 63 <div>A</div> 64 <div>B</div> 65 </div> 66 <div class="box"> 67 <div>A</div> 68 <div>C</div> 69 </div> 70 <div class="box"> 71 <div>A</div> 72 <div>D</div> 73 </div> 74 <div class="box"> 75 <div>A</div> 76 <div>E</div> 77 </div> 78 <div class="box"> 79 <div>A</div> 80 <div>F</div> 81 </div> 82 </body> 83 </html>