| <html> | |
| <body> | |
| <p>This text should be green if the viewport is portrait.</p> | |
| <p style="color: green">This text should be green if the viewport is landscape.</p> | |
| <p>Obviously, at least one should be green, but never both. Square is portrait.</p> | |
| </body> | |
| </html> |