css-flexbox-img-expand-evenly-ref.html (937B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Reftest Reference</title> 5 <link rel="author" title="Eiji Kitamura" href="mailto:agektmr+github@gmail.com"> 6 <style type="text/css"> 7 8 /* ADD STYLE BLOCK HERE (PREFERRABLE TO INLINE STYLES) */ 9 div.flexbox { 10 height: 50px; 11 width: 300px; 12 border: 2px dotted black; 13 } 14 img { 15 width: 98px; 16 height: 48px; 17 background: purple; 18 border: 1px solid white; 19 } 20 21 </style> 22 </head> 23 <body> 24 <p>3 rectangular images fill out border.</p> 25 26 <!-- PAGE CONTENT --> 27 <div class="flexbox"> 28 <!-- It is important that there is no linebreak between the <img> tags. 29 The line break would be rendered as whitespace, breaking the test. 30 --> 31 <img src="../support/solidblue.png" /><img src="../support/solidblue.png" /><img src="../support/solidblue.png" /> 32 </div> 33 34 35 </body> 36 </html>