Skip to main content
CSS is fun and cool and I like it.

Negative Margins



The margin property defines the outermost portion of the box model, creating space around an element, outside of any defined borders.

Margins are set using lengths, percentages, or the keyword auto and can have negative values. Here’s an example:

.box {
  margin: 0 3em 0 3em;

margin is a shorthand property and accepts up to four values, shown here:

.box {
    margin: <margin-top> || <margin-right> || <margin-bottom> || <margin-left>

If fewer than four values are set, the missing … Read article “margin”


Blue Flavor Header Design Technique

Headers are an important factor in web design, they can either make or break a design. Since web 2.0, we have seen many design trends and one of the most groundbreaking is the big header. However, headers have remained boxy throughout.

Blueflavor, a mobile design website, has bucked this trend with something I have yet to see elsewhere and does not require great CSS skills to create.

As you can see they have the menu and start of the … Read article “Blue Flavor Header Design Technique”