Create a hoverable dropdown with CSS. Demo: Dropdown Examples Move the mouse over the examples below: Dropdown Text Dropdown

CSS Rounded Corners With the CSS border-radius property, you can give any element "rounded corners". CSS border-radius Property The CSS border-radius property defines

The opacity property specifies the opacity/transparency of an element. Transparent Image The opacity property can take a value from 0.0 - 1.0. The

CSS Pseudo-classes What are Pseudo-classes? A pseudo-class is used to define a special state of an element. For example,

The CSS float property specifies how an element should float. The CSS clear property specifies what elements can float beside the cleared element

Center Align Elements To horizontally center a block element (like <div>), use margin: auto; Setting the width of the element

CSS Combinators A combinator is something that explains the relationship between the selectors. A CSS selector can contain more

The display: inline-block Value Compared to display: inline, the major difference is that display: inline-block allows to set a width and height

CSS Layout - width and max-width Using width, max-width and margin: auto; As mentioned in the previous chapter; a

CSS Layout - The display Property The display property is the most important CSS property for controlling layout. The display Property The display property