| <!DOCTYPE html> | |
| <style> | |
| #dynamic-container { | |
| width: 500px; | |
| transform: translateX(0); | |
| } | |
| #percentage-padding { | |
| position: absolute; | |
| padding: 10%; | |
| } | |
| </style> | |
| <div id='dynamic-container'> | |
| <div id='percentage-padding'> | |
| There should be no line break. | |
| </div> | |
| </div> | |
| <script> | |
| document.body.offsetTop; | |
| document.getElementById('dynamic-container').style.transform = "none"; | |
| </script> |