review.tizen.org Git - test/tct/web/api.git/blob

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <title>CSS Flexible Box Test: flex-wrap proprety - wrap-reverse</title>
   5     <link rel="author" title="haosdent" href="mailto:haosdent@gmail.com">
   6     <style type="text/css">
   7         /* Positioned container allows for the self-describing statement to still
   8            be visible in the case of failure */
   9         .container {
  10         position: relative;
  11         background: red;
  12         margin: 1em 0;
  13         border: 1px solid black;
  14         width: 20em;
  15         height: 6.5em;
  16         }
  17         span {
  18         display: inline-block;
  19         background: green;
  20         color: white;
  21         margin: 1em;
  22         width: 8em;
  23         float: left;
  24         }
  25     </style>
  26 </head>
  27 <body>
  28     <p>The test passed if you see a 2 * 2 table on the page and the order of them are reversed.</p>
  29     <div class="container">
  30       <span>third</span>
  31       <span>forth</span>
  32       <span>first</span>
  33       <span>second</span>
  34     </div>
  35 </body>
  36 </html>