third_party/WebKit/LayoutTests/css3/flexbox/mozilla/flexbox-inlinecontent-horiz-5.xhtml

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!--
   3      Any copyright is dedicated to the Public Domain.
   4      http://creativecommons.org/publicdomain/zero/1.0/
   5 -->
   6 <!--
   7      This test removes a run of inline content from a flexbox, which
   8      should trigger the removal of its now-empty anonymous flex item.
   9 -->
  10 <html xmlns="http://www.w3.org/1999/xhtml">
  11   <head>
  12     <link href="../resources/flexbox.css" rel="stylesheet" />
  13     <script>
  14       function tweak() {
  15         var removeMe = document.getElementsByClassName("flexbox")[0].lastChild;
  16         removeMe.parentNode.removeChild(removeMe);
  17         document.documentElement.removeAttribute("class");
  18       }
  19       window.addEventListener("load", tweak, false);
  20     </script>
  21     <style>
  22       div.flexbox {
  23         width: 200px;
  24         height: 100px;
  25         background: lightgreen;
  26       }
  27     </style>
  28   </head>
  29   <body>
  30     <div class="flexbox justify-content-space-around">text<div>div</div>
  31       REMOVE ME
  32     </div>
  33   </body>
  34 </html>