HTML and CSS Reference
In-Depth Information
Apply your
knowledge of
CSS to create
an elastic layout
along with a
drop cap and
an irregular
line wrap.
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.
Figure 4-78
Lincoln page
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.