<!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>