shape-outside-linear-gradient-004-ref.html (932B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Reference File</title> 5 <link rel="author" title="Alan Stearns" href="mailto:stearns@adobe.com"/> 6 <style type="text/css"> 7 .square { 8 display: inline-block; 9 width: 100px; 10 height: 100px; 11 line-height: 100px; 12 background-color: green; 13 } 14 #test { 15 position: absolute; 16 top: 70px; 17 width: 200px; 18 font-size: 0px; 19 } 20 #test > .right { 21 margin-left: 100px; 22 } 23 </style> 24 </head> 25 <body> 26 <p> 27 The test passes if there are four green squares alternating left and right. There 28 should be no red. 29 </p> 30 <div id="test"> 31 <div class="square"></div><br> 32 <div class="square right"></div><br> 33 <div class="square"></div><br> 34 <div class="square right"></div> 35 </div> 36 </body> 37 </html>