HTML and CSS Reference
CSS to create
an elastic layout
along with a
drop cap and
Case Problem 1
Data Files needed for this Case Problem: arlogo.png, historytxt.css,
lincoln01.png-lincoln10.png, lincolntxt.htm, modernizr-1.5.js
American Rhetoric Professor Annie Chiu teaches rhetoric and history at White Sands
College. She has asked for your help in designing a companion Web site for her course
in American Rhetoric. She's given you the content and graphics for a sample page con-
taining an excerpt from the second inaugural address by Abraham Lincoln. She wants
you to create an elastic layout for the Web page so that it appears the same for different
font sizes. Figure 4-78 shows a preview of the page you'll design for her.
Complete the following:
1. In your text editor, open the historytxt.css and lincolntxt.htm fi les from the
tutorial.04\case1 folder. Enter your name and the date in the comment section of
each fi le. Save the fi les as history.css and lincoln.htm , respectively.
2. Return to the lincoln.htm fi le in your text editor and take some time to review the
content and structure of the fi le. Link the document to the history.css style sheet.
Close the fi le, saving your changes.