Creating Your First CSS Website (Part 3)

Now that we have designed the first 2 parts of our CSS Website, its time to create the content area of our layout.

1. If you have not taken the first 2 parts of this tutorial, you should go take them now.  If you are ready to continue, insert the following two classes into your CSS Styles:

2. The first class will make the cell with all of our main content automatically adjust width to the resolution of the viewers display, and pad the right, bottom, and left sides by 5 pixels.  It will also make the main font size 10 pixels.  The second class "title" is a class that we can use to make headers.  It will make a large bold font instead of our small 10 pixel font.

3. After you end your cell with your left navigation menu "</td>", start a new cell like this:

4. This will begin our new cell using our content class, then use the title class to make a bold heading that says "Content Header", and then it will display some dummy text that you can replace with real content later.  Your content area should look similar to this:

5. And the full code so far should look like this:

So far so good! 

Continue to Part 4 for instructions on how to design the right navigation menu!