third_party/WebKit/LayoutTests/fast/inline-block/003.html

   1 <html>
   2 <head>
   3 <style>
   4 div{ display: inline-block; border:2px solid blue; width:300px; }
   5 block { border:2px solid green; margin: 0; white-space: normal; display: inline-block; width: 100% }
   6 </style>
   7 </head>
   8 <body>
   9 <p>The two divs below should be on the same line, since they are display: inline-block.</p>
  10
  11 <center>
  12 <div>This is div one.</div><div>This is div two.</div>
  13 </center>
  14
  15 <p>The two divs below should be on separate lines, since they are wrapped in elements
  16 with width: 100%.</p>
  17
  18 <block><div>This is div one.</div></block>
  19 <block><div>This is div two.</div></block>
  20
  21 </body>
  22 </html>