Cascading Style Sheets

css alignment

https://codepen.io/bryant-designs/pen/VWOZKZ

So I am trying to center the <li> elements within the <ul> element both vertically and horizontally without a lot of code bloat. Please take a look at my codepen to see the HTML/CSS

//mod edit: opening element angle brackets escaped. ~gt

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?

Syndicate content