fast/block/float/031.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" type="text/css" href="style.css" />
    <title>Killer</title>
  
   <style>

p { clear: left; margin: 0; padding: 1em; }

ul {  margin: 0;
   padding: 0;
   border: 2px solid blue;
   clear:left;
   float:left;
}

li {
	display: block;
	float: left;
	padding: 0px;
	margin: 0px;
}

span {
	width: 91px;
  	display: block;
        background-color:#eeeeee;
}

</style>
  
  </head>

  <body>
 <p> "ONE" and "TWO" below should be on the same line.</p>
  
  <ul><li><span>ONE</a></li><li><span class="last">TWO</a></li><div></div></ul>
  
   <p> "ONE" and "TWO" below should be on different lines.</p>
  
  <ul><li><span>ONE</a></li><li  style="clear:left"><span class="last">TWO</a></li><div></div></ul>
    
    <p> "ONE" and "TWO" below should be on the same line.</p>
  
  <ul><li><span>ONE</a></li><li><span class="last">TWO</a></li></ul>
  
   <p> "ONE" and "TWO" below should be on different lines.</p>
  
  <ul><li><span>ONE</a></li><li  style="clear:left"><span class="last">TWO</a></li></ul>