| OLD | NEW |
| 1 <html style="-webkit-writing-mode:vertical-lr"> | 1 <html style="-webkit-writing-mode:vertical-lr"> |
| 2 <head> | 2 <head> |
| 3 <style> | 3 <style> |
| 4 body { overflow: hidden; } |
| 5 |
| 4 div { | 6 div { |
| 5 border: solid orange; padding: 0.5em 0.5em 0.5em 0.5em; | 7 border: solid orange; padding: 0.5em 0.5em 0.5em 0.5em; |
| 6 display: list-item; | 8 display: list-item; |
| 7 } | 9 } |
| 8 | 10 |
| 9 .float { | 11 .float { |
| 10 float: left; | 12 float: left; |
| 11 margin-bottom: 2em; | 13 margin-bottom: 2em; |
| 12 width:100px; | 14 width:100px; |
| 13 height:100px; | 15 height:100px; |
| 14 background-color: orange; | 16 background-color: orange; |
| 15 } | 17 } |
| 16 </style> | 18 </style> |
| 17 <body> | 19 <body> |
| 18 <div style="display:block"> | 20 <div style="display:block"> |
| 19 <div class="float"></div> | 21 <div class="float"></div> |
| 20 <div> | 22 <div> |
| 21 <div> | 23 <div> |
| 22 <div> | 24 <div> |
| 23 List item text. | 25 List item text. |
| 24 </div> | 26 </div> |
| 25 </div> | 27 </div> |
| 26 </div> | 28 </div> |
| 27 </div> | 29 </div> |
| 28 | 30 |
| 29 <ul><li style="direction: rtl; border:2px solid red; padding:50px">Foo fofodfosj
lkdf | 31 <ul><li style="direction: rtl; border:2px solid red; padding:50px">Foo fofodfosj
lkdf |
| 30 dslkdjlk asdlksjald djklsd klasjdkas sdajd lsadjkl asjdlksajdk </ul> | 32 dslkdjlk asdlksjald djklsd klasjdkas sdajd lsadjkl asjdlksajdk </ul> |
| OLD | NEW |