tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

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>