third_party/WebKit/LayoutTests/css2.1/20110323/inline-table-001.htm

   1 <html>
   2     <head>
   3         <title>CSS Test: Inline-table</title>
   4         <link rel="author" title="Microsoft" href="http://www.microsoft.com/">
   5         <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display">
   6         <meta name="flags" content="">
   7         <meta name="assert" content="An element with 'display: inline-table' is rendered as if it were an inline.">
   8         <style type="text/css">
   9             #table
  10             {
  11                 background: orange;
  12                 display: inline-table;
  13             }
  14             #div
  15             {
  16                 background: orange;
  17                 display: inline-block;
  18                 height: 1in;
  19                 width: 1in;
  20             }
  21             #div2
  22             {
  23                 height: 1in;
  24                 width: 1in;
  25             }
  26             #row
  27             {
  28                 display: table-row;
  29             }
  30             #cell
  31             {
  32                 display: table-cell;
  33                 height: 1in;
  34                 width: 1in;
  35             }
  36         </style>
  37     </head>
  38     <body>
  39         <p>Test passes if the "Filler Text" below is all on the same line.</p>
  40         <div>
  41             <span>Filler Text</span>
  42             <div id="table">
  43                 <div id="row">
  44                     <div id="cell">Filler Text</div>
  45                 </div>
  46             </div>
  47         </div>
  48     </body>
  49 </html>