From A Connecticut Yankee in King Arthur's Court by Mark Twain
Chapter 1
The Tale of the Lost Land: Camelot

"CAMELOT - Camelot," said I to myself. "I don't seem to remember hearing of it before, Name of the asylum, likely."

It was a soft, reposeful summer landscape, as lovely as a dream, and as lonesome as Sunday. The air was full of the smell of flowers, and the buzzing of insects, and the twittering of birds, and there were no people, no wagons, there was no stir of life, nothing going on. The road was maily a winding path with hoof-prints in it, and now and then a faint trace of wheels on either side in the grass - wheels that apparently had a tire as broad as one's hand.

Go to HTML Version         View the STYLE Version here         


The following sets up the style for each paragraph
in this document. Notice the paragraph style shown 
above with the special line height.

P	{
	FONT-FAMILY: ARIAL, HELVETICA, SANS-SERIF;
	FONT-SIZE: 10pt;
	LINE-HEIGHT: 20pt;
	MARGIN-LEFT: 20px;
	MARGIN-RIGHT: 20px
	}


This bit of code establishes what the Credits will 
look like throughout the document. There is a SPAN 
class that makes the text Italic as well.

DIV.CREDIT
	{
	TEXT-ALIGN: RIGHT;
	FONT-SIZE: 10pt;
	LINE-HEIGHT: 20pt;
	BORDER-BOTTOM: SOLID THIN BLACK;
	MARGIN-LEFT: 20px
	}
SPAN.BOOKTITLE {FONT-STYLE: ITALIC}

<DIV CLASS="CREDIT">From<SPAN CLASS="BOOKTITLE"> 
A Connecticut Yankee in King Arthur's Court</SPAN> by Mark Twain</DIV>

To make the Chapter Credits take on the qualities of the 
special Class code, I've applied the DIV CLASS and SPAN 
CLASS statements shown above and demonstrated here.



 Connecticut Yankee in King Arthur's Court by Mark Twain


This bit of code establishes what the Chapter Numbers 
will look like throughout the document.

DIV.CHAPNUMBER
	{
	FONT-SIZE: 24pt;
	LINE-HEIGHT: 30pt;
	MARGIN-LEFT: 20px;
	BACKGROUND-COLOR: GRAY;
	COLOR: WHITE;
	FONT-WEIGHT: BOLD
	}

<DIV CLASS="CHAPNUMBER">Chapter 1</DIV>
 
To make the Chapter 1 Heading take on the qualities of 
the special Class code, I've applied the DIV CLASS 
statement shown above and demonstrated here.
Chapter 1
DIV.CHAPTITLE
	{
	FONT-SIZE: 18pt;
	LINE-HEIGHT: 30pt;
	FONT-WEIGHT: BOLD;
	MARGIN-LEFT: 20px;
	LETTER-SPACING: 2pt
	}

<DIV CLASS="CHAPTITLE">The Tale of the Lost Land: Camelot</DIV>

To make the Chapter Title Heading take on the qualities 
of the special Class code, I've applied the DIV CLASS 
statement shown above and demonstrated here. Notice the 
letter spacing!
The Tale of the Lost Land: Camelot

Go to HTML Version         View the STYLE Version here         Return to the Top