Test of first-letter and first-line selection

All of the styles applied here work in Safari (here’s a screenshot). Some of them work in other browsers.


This is an example of selecting the first letter of a paragraph. I hope it works. I guess we’ll see! This is an example of selecting the first letter of a paragraph. I hope it works. I guess we’ll see! This is an example of selecting the first letter of a paragraph. I hope it works. I guess we’ll see! This is an example of selecting the first letter of a paragraph. I hope it works. I guess we’ll see!

The CSS to create the drop-cap follows:

p#letter:first-letter {
   font-size:260%;
   float:left;
   margin-top:-0.2em;
   margin-bottom:-0.2em;
   margin-right:0.1em;
   text-shadow: #999 3.5px 3.5px 2px;
}
	

This is an example of selecting the first line of a paragraph. I hope it works. I guess we’ll see! This is an example of selecting the first line of a paragraph. I hope it works. I guess we’ll see! This is an example of selecting the first line of a paragraph. I hope it works. I guess we’ll see! This is an example of selecting the first line of a paragraph. I hope it works. I guess we’ll see!

The CSS to create the small-caps first line follows:

p#line:first-line {
   font-size:120%;
   font-weight:bold;
   font-variant:small-caps;
   text-shadow: #999 3.5px 3.5px 2px;
}