Cascading Style Sheets

One line horizontal menu breaks up when using id element for separation from other code.

The code below creates a one line menu using a header text plugin in WP but it breaks the styles in the rest of the home page. I am trying to use the #hmenu id element to limit the styling to just the hmenu section. When I remove the remarks to activate the #hmenu element it turns into a verticle menu?

Any help will be appreciated as I am new to CSS styling. Thanks and regards, Kerry McNally

<!DOCTYPE html>
<html>
<head>
<style> 
/*#hmenu{*/
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #3082AB;
}
 
li {

Using CSS to make page print in landscape

I have the following CSS code in my page:

<style>
	@media print {
		@page {
			size: 11in 17in landscape;
			margin: 1in 1in 1in 1in;
		}
		body * {
			visibility: hidden;
		}
		#content * {
			visibility: visible;
		}
		#content {
			position: absolute;
			left: 0;
			top: 0;
		}
	}
</style>

Animate and shake effect for rotated div using css3

I have been trying to use animate and shake effects for already rotated and absolute positioned div.

I have tried to use animate css from the following link:

https://daneden.github.io/animate.css/
What I want to achieve is following:

Top div coming from top side in rotating motion and position itself in defined absolute position
Middle div coming from right side in rotating motion and position itself in defined absolute position
Bottom div coming from bottom side in rotating motion and position itself in defined absolute position

Which CSS preprocessor do you use?

I came across this blog about CSS preprocessors - https://blog.zipboard.co/do-i-need-to-start-using-css-preprocessors-a72b525c180a#.e13214652
Wondering how many of you use them? and if so, which one do you prefer: Sass, Less, or Stylus?

@page CSS to display text at bottom-center of page not working

I am trying to use the @page and @bottom-center to add particular content to the bottom of every page when the web page is printed. However, I can't get the text to appear. My first question is: does this @page rule need to go inside the @media print media query or outside of it. I have tried the following CSS:

@media print {
    @page {
        @bottom-center {
            content: "Classified";
        }
    }
}

Syndicate content