1 <!DOCTYPE html PUBLIC
"-//W3C//DTD HTML 4.01//EN"
2 "http://www.w3.org/TR/html4/strict.dtd">
5 <title>Test case for list items flowing around floats
</title>
6 <meta http-equiv=
"Content-Type" content=
"text/html; charset=UTF-8">
7 <meta http-equiv=
"Content-Style-Type" content=
"text/css">
8 <meta http-equiv=
"Content-Script-Type" content=
"text/javascript">
9 <style type=
"text/css">
11 body
{ direction: rtl
; }
12 #float { float: right
; width: 100px; height: 20em; }
14 ul
, ol
, li
{ margin: 0; padding: 0; }
20 <div id=
"float"></div>
22 <ul><li>item
</li></ul>
23 <ul style=
"margin-right: 1px; border-right: 2px solid transparent; padding-right: 4px; padding-left: 8px; border-left: 16px solid transparent; margin-left: 32px;"><li>item
</li></ul>
25 <li style=
"margin-right: 1px; border-right: 2px solid transparent; padding-right: 4px; padding-left: 8px; border-left: 16px solid transparent; margin-left: 32px;">item
</li>
26 <li style=
"margin-right: 150px; border-right: 2px solid transparent; padding-right: 4px; padding-left: 8px; border-left: 16px solid transparent; margin-left: 32px;">item
</li>
27 <li style=
"margin-right: 40px; border-right: 150px solid transparent; padding-right: 4px; padding-left: 8px; border-left: 16px solid transparent; margin-left: 32px;">item
</li>
28 <li style=
"margin-right: 40px; border-right: 2px solid transparent; padding-right: 150px; padding-left: 8px; border-left: 16px solid transparent; margin-left: 32px;">item
</li>
31 <li style=
"margin-right: 1px; border-right: 2px solid transparent; padding-right: 4px; padding-left: 8px; border-left: 16px solid transparent; margin-left: 32px;">item
</li>
32 <li style=
"margin-right: 150px; border-right: 2px solid transparent; padding-right: 4px; padding-left: 8px; border-left: 16px solid transparent; margin-left: 32px;">item
</li>
33 <li style=
"margin-right: 40px; border-right: 150px solid transparent; padding-right: 4px; padding-left: 8px; border-left: 16px solid transparent; margin-left: 32px;">item
</li>
34 <li style=
"margin-right: 40px; border-right: 2px solid transparent; padding-right: 150px; padding-left: 8px; border-left: 16px solid transparent; margin-left: 32px;">item
</li>