sections-and-captions-mixed-order-ref.html (729B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <style> 4 .fakecolumn { 5 float: left; 6 width: 50px; 7 height: 100px; 8 background: green; 9 } 10 </style> 11 <p>There should be four columns with the numbers from 1 to 20 in ascending 12 order. No red should be seen.</p> 13 <div style="width:200px; line-height:20px;"> 14 <div class="fakecolumn"> 15 1<br> 16 2<br> 17 3<br> 18 4<br> 19 5<br> 20 </div> 21 <div class="fakecolumn"> 22 6<br> 23 7<br> 24 8<br> 25 9<br> 26 10<br> 27 </div> 28 <div class="fakecolumn"> 29 11<br> 30 12<br> 31 13<br> 32 14<br> 33 15<br> 34 </div> 35 <div class="fakecolumn"> 36 16<br> 37 17<br> 38 18<br> 39 19<br> 40 20<br> 41 </div> 42 </div>