Hide Content Based on Device Orientation?

Is there a way to hide/show content based on the way a phone is oriented? (i.e. Portrait versus Landscape)

Thanks in advance!

There are 2 solutions:
1. Use of css media queries

@media (orientation:portrait) { ... }

@media (orientation:landscape) { ... }

2. Use of javascript to do something depending on window.orientation property (and handle orientationchange or resize events).