<style type="text/css">
<!--
#muestra, #muestra2, #muestra3
{font-size: 12pt}
#muestra:first-line,
#muestra3:first-line {color: #00F;
font-variant: small-caps}
#muestra2:first-letter, #muestra3:first-letter {font:italic
bold 200% serif; float: left; padding-right: 0.2em;}
-->
</style>
En este ejemplo aplicamos el pseudoelemento first-line para cambiar la apariencia de la primera línea del párrafo.
Ahora aplicamos el pseudoelemento first-letter para modificar el tamaño y la posición de la primera letra del párrafo.
Por último aplicamos a este párrafo los dos pseudoelementos de forma que se modifiquen la primera letra y el primer renglón de párrafo
