third_party/WebKit/LayoutTests/fast/block/float/031.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2
   3 <html>
   4
   5   <head>
   6     <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   7     <link rel="stylesheet" type="text/css" href="style.css" />
   8     <title>Killer</title>
   9
  10    <style>
  11
  12 p { clear: left; margin: 0; padding: 1em; }
  13
  14 ul {  margin: 0;
  15    padding: 0;
  16    border: 2px solid blue;
  17    clear:left;
  18    float:left;
  19 }
  20
  21 li {
  22         display: block;
  23         float: left;
  24         padding: 0px;
  25         margin: 0px;
  26 }
  27
  28 span {
  29         width: 91px;
  30         display: block;
  31         background-color:#eeeeee;
  32 }
  33
  34 </style>
  35
  36   </head>
  37
  38   <body>
  39  <p> "ONE" and "TWO" below should be on the same line.</p>
  40
  41   <ul><li><span>ONE</a></li><li><span class="last">TWO</a></li><div></div></ul>
  42
  43    <p> "ONE" and "TWO" below should be on different lines.</p>
  44
  45   <ul><li><span>ONE</a></li><li  style="clear:left"><span class="last">TWO</a></li><div></div></ul>
  46
  47     <p> "ONE" and "TWO" below should be on the same line.</p>
  48
  49   <ul><li><span>ONE</a></li><li><span class="last">TWO</a></li></ul>
  50
  51    <p> "ONE" and "TWO" below should be on different lines.</p>
  52
  53   <ul><li><span>ONE</a></li><li  style="clear:left"><span class="last">TWO</a></li></ul>
  54
  55
  56