<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <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"> <style type="text/css"> div { float: left; height: 3em; width: 100px; } ul, ol, li { margin-top: 0; margin-bottom: 0; } li { height: 2em; background: aqua; color: black; } </style> </head> <body> <div></div> <ol> <li>one</li> <li>two</li> <li>three</li> <li>four</li> </ol> <div></div> <ul> <li>one</li> <li>two</li> <li>three</li> <li>four</li> </ul> </body> </html>