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