| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <title>LCP Test Page</title> |
| <style> |
| body { |
| font: 10px Ahem; |
| } |
| div#padding1 { |
| height: 100px; |
| background: blue; |
| } |
| div#padding2 { |
| display: inline-block; |
| height: 100px; |
| width: 20px; |
| background: yellow; |
| } |
| </style> |
| <body> |
| <script src="/resources/ahem.js"></script> |
| <div id="padding1" style="display: none;"></div> |
| <div id="padding2" onclick="event.target.style.width = '100px'"></div> |
| <div id="text" style="width: 400px; display: inline-block"> |
| Lorem ipsum dolor sit amet, consectetur adipiscing 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. |
| Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore |
| eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt |
| in culpa qui officia deserunt mollit anim id est laborum. |
| </div> |
| </body> |