third_party/WebKit/LayoutTests/ietestcenter/css3/flexbox/flexbox-direction-001-expected.htm

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD//XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   2 <html xmlns="http://www.w3.org/1999/xhtml">
   3     <head>
   4         <title>CSS Test: Box-Direction property is correct - Reference </title>
   5         <link rel="author" title="Codeaurora" href="http://www.codeaurora.org/" />
   6         <link rel="help" href="http://www.w3.org/TR/2009/WD-css3-flexbox-20090723/"/>
   7         <style type="text/css">
   8             .parent
   9             {
  10                 position: relative;
  11             }
  12             .table_div
  13             {
  14                 position: absolute;
  15                 left: -10px;
  16             }
  17
  18             table
  19             {
  20                 font-size:large;
  21                 border-collapse: separate;
  22                 border-spacing: 20px 0px;
  23             }
  24             td
  25             {
  26                 border:thin solid black;
  27                 padding:0 10px;
  28             }
  29         </style>
  30     </head>
  31     <body>
  32         <p>Test passes if four rows of numbers (1,2,3) are read in increasing numerical order left to right.</p>
  33         <div class="parent">
  34             <div class="table_div">
  35                 <table>
  36                     <tr>
  37                         <td>1</td>
  38                         <td>2</td>
  39                         <td>3</td>
  40                     </tr>
  41                 </table>
  42                 <br />
  43                 <table>
  44                     <tr>
  45                         <td>1</td>
  46                         <td>2</td>
  47                         <td>3</td>
  48                     </tr>
  49                 </table>
  50                 <br />
  51                 <table>
  52                     <tr>
  53                         <td>1</td>
  54                         <td>2</td>
  55                         <td>3</td>
  56                     </tr>
  57                 </table>
  58                 <br />
  59                 <table>
  60                     <tr>
  61                         <td>1</td>
  62                         <td>2</td>
  63                         <td>3</td>
  64                     </tr>
  65                 </table>
  66             </div>
  67         </div>
  68     </body>
  69 </html>