1291110-2.html (586B)
1 <!DOCTYPE html> 2 <style> 3 .container { 4 width: 250px; 5 height: 300px; 6 border: 1px solid blue; 7 } 8 9 .float1 { 10 float: left; 11 width: 100px; 12 height: 50px; 13 background-color: green; 14 } 15 16 .float2 { 17 float: right; 18 width: 180px; 19 height: 50px; 20 background-color: lightgreen; 21 } 22 23 .box { 24 display: inline-block; 25 width: 30px; 26 height: 80px; 27 background-color: blue; 28 } 29 </style> 30 31 <div class="container"> 32 <div class="float1"></div> 33 <div class="float2"></div> 34 <div class="box"></div> 35 </div> 36 <p>The test pass if the inline blue box does not overlap any of the green float boxes.</p>