| <!DOCTYPE html> |
| <html style="-webkit-writing-mode:vertical-lr"> |
| <head> |
| <title>Too many lines affected by float</title> |
| <style> |
| .container { |
| margin: 0; |
| height: 10em; |
| font: 16px/1 Times; |
| } |
| .float { |
| float: left; |
| height: 3em; |
| width: 56.58px; |
| } |
| p { |
| margin: 0; |
| line-height: 1.2em; |
| } |
| </style> |
| </head> |
| <body> |
| <p> webkit.org/b/112744 : Only the first three lines below should be right-aligned. </p> |
| <div class="container"> |
| <div class="float"></div> |
| <p>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</p> |
| </div> |
| </body> |
| </html> |
| |