| <!DOCTYPE html> |
| <html> |
| <head> |
| |
| <meta name="viewport" content="width=800"> |
| <style> |
| html { font-size: 16px; } |
| body { width: 800px; margin: 0; overflow-y: hidden; } |
| </style> |
| |
| </head> |
| <body> |
| |
| <div style="max-height: 500px"> |
| <div style="float: left"> |
| <div style="font-size: 2.5rem"> |
| This text should be autosized to 40px computed font-size, since the parent is float:left so the height is considered to be unconstrained (ancestors of the parent are ignored).<br> |
| Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. |
| </div> |
| </div> |
| </div> |
| |
| </body> |
| </html> |
