3 <title>CSS3 media query test: media query testing orientation feature.</title>
4 <style type="text/css">
5 @media screen and (orientation:portrait) {
8 @media screen and (orientation:landscape) {
14 <p id="a">This text should be green if the viewport is portrait.</p>
15 <p id="b">This text should be green if the viewport is landscape.</p>
16 <p>Obviously, at least one should be green, but never both. Square is portrait.</p>