| <!DOCTYPE html> | |
| <style> | |
| :root { background: pink } | |
| body { margin: 0 } | |
| .outer { | |
| /* Removing this makes it work */ | |
| transform: scale(0.5); | |
| } | |
| .inner { | |
| width: 200px; | |
| height: 200px; | |
| background-color: green; | |
| } | |
| </style> | |
| <div class="outer"> | |
| <div class="inner"></div> | |
| </div> |