429974-1.html (747B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 5 <style type="text/css"> 6 7 .contain { 8 background: aqua; color: black; 9 height: 10px; margin: 2px 50px; 10 } 11 12 .fl, .fr { height: 5px; } 13 .fl { float: left; width: 56px; } 14 .fr { float: right; width: 73px; } 15 16 .t { overflow: hidden; background: blue; height: 5px; width: 85px; 17 border-left: 1px solid blue; padding-left: 2px; 18 padding-right: 4px; border-right: 8px solid blue; } 19 20 </style> 21 22 </head> 23 24 <body style="width: 400px" onload="document.getElementById('p').nextSibling.data = ' ';"> 25 26 <div class="contain"> 27 <div class="fl" id="p"></div>xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 28 <div class="fr"></div> 29 </div> 30 31 <div class="contain"> 32 <div class="fl"></div> 33 <div class="t"></div> 34 </div> 35 36 </body> 37 </html>