Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
<html lang="en-US">
<head>
<title>Test case for list items flowing around floats</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<style type="text/css">
ul, ol, li { margin: 0; padding: 0; }
::marker { font-family: inherit; }
</style>
</head>
<body>
<div style="margin-left: 100px"><ul><li><div style="margin-left: 0px">item</li></ul></div>
<div style="margin-left: 100px"><ul><li><div style="margin-left: 0px">item</li></ul></div>
<div style="margin-left: 94px"><ul><li><div style="margin-left: 6px">item</li></ul></div>
<div style="margin-left: 150px"><ul><li><div style="margin-left: 6px">item</li></ul></div>
<div style="margin-left: 40px"><ul><li><div style="margin-left: 154px">item</li></ul></div>
<div style="margin-left: 40px"><ul><li><div style="margin-left: 152px">item</li></ul></div>
<div style="margin-left: 94px"><ol start="1"><li><div style="margin-left: 6px">item</li></ol></div>
<div style="margin-left: 150px"><ol start="2"><li><div style="margin-left: 6px">item</li></ol></div>
<div style="margin-left: 40px"><ol start="3"><li><div style="margin-left: 154px">item</li></ol></div>
<div style="margin-left: 40px"><ol start="4"><li><div style="margin-left: 152px">item</li></ol></div>
</body>
</html>