fragmented-autowidth-fc-root-beside-floats-ref.html (749B)
1 <!DOCTYPE html> 2 <link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org"> 3 <style> 4 .fakecolumn { 5 float: left; 6 width: 200px; 7 height: 100px; 8 margin-left: 10px; 9 } 10 .fakecolumn:first-child { 11 margin-left: 0; 12 } 13 .part { 14 height: 100px; 15 background: hotpink; 16 } 17 </style> 18 <p>There should be (from left to right) a hotpink square, a thin hotpink 19 rectangle, then a wider hotpink rectangle.</p> 20 <div style="width:620px; height:100px;"> 21 <div class="fakecolumn"> 22 <div class="part" style="width:100px;"></div> 23 </div> 24 <div class="fakecolumn"> 25 <div class="part" style="width:10px;"></div> 26 </div> 27 <div class="fakecolumn"> 28 <div class="part" style="width:200px;"></div> 29 </div> 30 </div>