Blitz - WPT: flexbox-root-node-001a.html

wpt / css / css-flexbox / flexbox-root-node-001a.html

/css/css-flexbox/flexbox-root-node-001a.html

<!DOCTYPE html>
<!--
     Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/publicdomain/zero/1.0/
-->
<!-- This testcase checks that we correctly handle 'display:flex' property on
     the root <html> element, with the <body> as the sole flex item. -->
<html style="display: flex; justify-content: center">
<head>
  <title>CSS Test: Testing 'display:flex' on root node</title>
  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
  <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-containers">
  <link rel="match" href="flexbox-root-node-001-ref.html">
  <style>
    html {
      display: flex;
      justify-content: center;
    }
  </style>
</head>
<body>
  centered
</body>
</html>

/css/css-flexbox/flexbox-root-node-001-ref.html

<!DOCTYPE html>
<!--
     Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/publicdomain/zero/1.0/
-->
<html style="display: flex; justify-content: center">
<head>
 <title>CSS Reftest Reference</title>
 <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
  <style>
    div {
      display: flex;
      justify-content: center;
    }
  </style>
</head>
<body>
  <div>centered</div>
</body>
</html>