Hola
Bueno kseso?, no hay que ser tan tajante ya que, por ejemplo, en este caso, la investigación que hiciste no está completa.
;)
Empezamos con la documentación oficial sobre
:first-letter en el W3C. Hay dos tipos de uso de letra capital, hacia arriba y hacia abajo, sin embargo, para que vaya hacia abajo, has de flotarlo, tal y como se aprecia en el ejemplo que pones, pero la mecánica por defecto, es hacia arriba.
Saliendo de la web y pasando al idioma en si, tenemos múltiples ejemplos en diferentes paises, idiomas y épocas, pero así rapidamente, te comento.
En castellano e inglés, hace tiempo era muy común que fuera hacia arriba, al igual que en francés y aleman, sin embargo, ambos modificaron sus estilos con el tiempo, empezando a usarlo hacia abajo, en la actualidad, es muy común encontrar letras capitales que sobresalen del párrafo hacia arriba y bajan una o dos líneas hacia dentro. En alemán el estilo hacia rriba ha sido generalmente predominante y en francés pasó pronto hacia abajo.
Puedes conseguir libros de diferentes épocas con ambos estilos. Por no mencionar los que acompañaban a las letras con ilustraciones o incluso disfrazaban la letra en la ilustración que ocupaba el espacio inicial del primer párrafo de cada capítulo en el libro. Generalmente estas ediciones se consideran muy valiosas y el estilo es con la letra hacia arriba o un poco arriba y un poco hacia adentro.
En la literatura infantil y juvenil, lo normal es que vaya hacia rriba, en literatura para adultos, depende del tipo de libro, en publicaciones como revistas y periódicos depende del diseño y la formalidad que le quieran dar, siendo hacia arriba más libre y aireado y hacia adentro más formal.
Finalmente, volviendo al mundo web, puedes revisar este ejemplillo, en el verás que si no se le aplica el float, va hacia arriba.
Código HTML:
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<title>Ejemplo del uso de :first-letter</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<style type="text/css">
p:first-letter { font-size: 300%; }
#segundo:first-letter { font-size: 300%; float: left; }
</style>
</head>
<body>
<p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
<p id="segundo">bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </p>
</body>
</html> Felicidad