layout-algorithm_algo-cross-line-001-ref.html (743B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Flex-basis Test</title> 5 <link rel="author" title="Tomek Wytrebowicz" href="mailto:tomalecpub+github@gmail.com"> 6 <style type="text/css"> 7 .flex { 8 width: 200px; 9 height: 200px; 10 } 11 12 .flex > * { 13 background: green; 14 height: 200px; 15 width: 100px; 16 overflow: scroll; 17 display: inline-block; 18 } 19 </style> 20 </head> 21 <body> 22 <p>Test passes if there is a filled green square with scrollbars and <strong>no red</strong>.</p> 23 24 <div class="flex"> 25 <div></div><div></div> 26 </div> 27 </body> 28 </html>