Create a new web page with the following information.

1. Visit http://www.w3schools.com/css/pr_class_display.asp and tryout the inline Try-It-Yourself Demo.
   1. Change the div style from "none" to "width:200px"
   2. Change the text in the div tag to read "And this div section is 200px wide!"
   3. Add a new div tag to read "This page created by Your Name"
   4. Copy and paste this text into a new HTML page and save it as "inline.htm" - Make sure to include the xml version and doctype at the top of the page. Also include the xmls attribute to the html tag.
   5. Create the <title> tag - CSS Exercise 12 - Inline
   6. Upload this file to your exercise folder.
2. Visit http://www.w3schools.com/css/pr_class_display.asp and tryout the block Try-It-Yourself Demo.
   1. Add width:150px to the span style.
   2. Add a new span tag to read "This page created by Your Name"
   3. Copy and paste this text into a new HTML page and save it as "block.htm" - Make sure to include the xml version and doctype at the top of the page. Also include the xmls attribute to the html tag.
   4. Create the <title> tag - CSS Exercise 12 - Block
   5. Upload this file to your exercise folder.
3. 10 Bonus Points
   1. Visit http://www.cssez.com/design.php
   2. Create a css style web page with 2 columns and 750px column width.
   3. Show the header and footer and hide the menu.
   4. Use the guest account feature and download the web page.
   5. Save the file as - cssez.htm
   6. Under "About the Design replace created by Guest with Your Name.
   7. Upload the file to your exercise folder.

Helpful Thoughts & Ideas:

• How can you use this exercise to help with your project?
• Here is a link to a completed version of inline.htm
• Here is a link to a completed version of block.htm
• Here is a link to a completed version of cssez.htm