| <html style="-webkit-writing-mode:vertical-lr"> |
| <head> |
| <style> |
| div { |
| border: solid orange; padding: 0.5em 0.5em 0.5em 0.5em; |
| display: list-item; |
| } |
| |
| .float { |
| float: left; |
| margin-bottom: 2em; |
| width:100px; |
| height:100px; |
| background-color: orange; |
| } |
| </style> |
| <body> |
| <div style="display:block"> |
| <div class="float"></div> |
| <div> |
| <div> |
| <div> |
| List item text. |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <ul><li style="direction: rtl; border:2px solid red; padding:50px">Foo fofodfosjlkdf |
| dslkdjlk asdlksjald djklsd klasjdkas sdajd lsadjkl asjdlksajdk </ul> |
