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"
}