tor-browser

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

c5525-fltcont-000.xht (2677B)

      1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
      2 <html xmlns="http://www.w3.org/1999/xhtml">
      3  <head>
      4   <title>CSS Test: float</title>
      5   <link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch"/>
      6   <link rel="author" title="CSS1 Test Suite Contributors" href="http://www.w3.org/Style/CSS/Test/CSS1/current/tsack.html"/>
      7   <link rel="reviewer" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> <!-- 2012-07-09 -->
      8   <link rel="help" href="http://www.w3.org/TR/REC-CSS1#float"/>
      9 
     10   <meta name="flags" content="image" />
     11 
     12   <style type="text/css"><![CDATA[
     13    p { margin: 0; padding: 0; text-align: justify;}
     14    .eight {float: left; width: 25%; color: white;
     15            background: navy url(support/square-purple.png) top right no-repeat;
     16            padding: 0; margin: 0}
     17    .nine {float: right; width: 50%;
     18           background-color: teal; color: aqua;
     19           padding: 0; margin: 0}
     20    span { color: navy; }
     21   ]]></style>
     22   <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#floats" title="9.5 Floats"/>
     23   <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#block-root-margin" title="10.6.6 Complicated cases"/>
     24   <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#float-position" title="9.5.1 Positioning the float: the 'float' property"/>
     25  </head>
     26  <body>
     27   <div class="eight" style="width: 75%">
     28    <div class="nine" style="margin-right: 17px">
     29     <p>
     30      To the right of this teal box there should be a purple square,
     31      tightly squeezed in between the edge of the teal box and the
     32      outside edge of the blue block. &#x21E8;
     33     </p>
     34    </div>
     35    <p>
     36     Inside this blue block on the right there should be a teal box. &#x21E8;
     37     <span>
     38      FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
     39      FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
     40      FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
     41      FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
     42      FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
     43      FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
     44      FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
     45      FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
     46      FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
     47      FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
     48      FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
     49      FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
     50      FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL FAIL
     51     </span>
     52    </p>
     53   </div>
     54  </body>
     55 </html>