CSS letra Capital

Es curioso como el uso del pseudo-elemento :first-letter no es muy usado en la web, mientras que en papel si se suele usar con frecuencia. En este caso se trata de crear letras capitales mediante este pseudo-elemento. Para ello habrá que usar un fondo común para todas y luego modificar la letra inicial para que encaje en el marco.



p:first-letter {
display:block;
float:left;
border:1px solid black; padding:5px;
margin:4px 5px;
background:url(firstletter1.png); font-size:73px;
}