Webmaster Forum / HTML, CSS, Scripts / CSS / February 2007

Hi--

I have been working on some text with CSS, but have not been able to
get it to render correctly. For instance, h1 should be uppercase, and
the blockquote should render as italics. However, both are not.

The text doc is available at www.china-ready.com/colly/chapter04/text1.htm

Thanks in advance,

Following is the CSS:

/* CSS Document */

/* Specify blanket rules for all elements */
body {
 margin: 10px;
 border: 1px solid #000;
 padding:10px;
 font: normal 12px Verdana, Arial, Sans-serif;
 line-height:150%;
}
/* paragraph styling */
p {
 font: 12px verdana,arial,sans-serif;
 text-indent:15px;
 }
h1, h2 {
 letter-spacing:1px;
}
h1 {
 font-family: Georgia, Times, serif;
 text-transform:uppercase;
}
h2 {
 font-family: "Helvetica Neue", Arial, sans-serif;
 text-transform:none;
 font-style:italic;
}
/* Style the blockquote */
blockquote {
 margin: 0 0 0 20px;
 line-height:150%;
 p {
 font: italic small-caps bold 12px/150% verdana,arial,sans-serif
}