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

I can't make the drop-cap work on this paragraph, and then get the
paragraph to float left to align. Here is the code below; the URL is
http://www.china-ready.com/colly/chapter04/text1.htm

Thanks in advance,

Paul

/* 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;
 }
/* Create drop cap characters */
p dropcap:first-letter {
 float: left;
 font: 60px "Lucida Grande",Arial,sans-serif;
 line-height: 50px;
}
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%;
 font: italic small-caps bold 12px verdana,arial,"sans-serif"
}