tor-browser

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

contain-size-fieldset-004.html (986B)

      1 <!DOCTYPE HTML>
      2 <html>
      3 <head>
      4  <meta charset="utf-8">
      5  <title>CSS Test: 'contain: size' on fieldset elements shouldn't prevent them from being baseline-aligned regularly.</title>
      6  <link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu">
      7  <link rel="help" href="https://drafts.csswg.org/css-contain/#containment-size">
      8  <link rel="match" href="contain-size-fieldset-004-ref.html">
      9  <style>
     10  .contain {
     11    contain: size;
     12    border: none;
     13    color: transparent;
     14    visibility: hidden;
     15  }
     16  .innerContents {
     17    height: 50px;
     18    width: 50px;
     19  }
     20  .flexBaselineCheck {
     21    display: flex;
     22    align-items: baseline;
     23  }
     24  </style>
     25 </head>
     26 <body>
     27  <!--CSS Test: A size-contained fieldset element should perform baseline alignment regularly.-->
     28  <div class="flexBaselineCheck">
     29  outside before<fieldset class="contain">
     30    <legend>legend</legend>
     31    <div class="innerContents">inner</div>
     32  </fieldset>outside after
     33  </div>
     34 </body>
     35 </html>