Eric Meyer on CSS: Mastering the Language of Web Design

Branching Out

Starting with the styles we created in this project, it’s possible to mix and match them for new effects or to take them in completely new directions. Here are some things to try out:

1. Flip-flop the head of the document by moving the contact info to the left, flipping the borders around to match, and moving the page title’s placement to accommodate the change. Also place the company logo in a different spot on the page, such as the lower-right corner or the top center of the browser window.

   [View full size image]

   

2. Change the main paragraphs’ margins and indentation so that they are no longer separated by a blank line and so that the ...