<!DOCTYPE html>
<html lang="en-US">
<head>
<style media="screen and (orientation:landscape)">
body{
color:red;
}
</style>
<style media="screen and (orientation:portrait)">
body{
color:green;
}
</style>
</head>
<body>
<h1>Fruit</h1>
<p>I Like Banana</p>
<p><strong>Note :</strong> Resize the output window using <strong>resizer</strong> between html editor and output window to see the changes.</p> </body>
</html>