• http://www.alsacreations.com/astuce/lire/74-quelles-sont-les-proprits-qui-sappliquent-first-letternbsp.html

@Stef : vous êtes finalement tombés d’accord, c’est le principal !

@JulienW : ah bin comme quoi la nature est bien faite ! Merci pour le tip…

Là-dessus, CSS3 a clarifié les choses : les pseudo-éléments, c’est « :: », par exemple « ::first-line »

http://www.w3.org/TR/css3-selectors/#first-line

Si je voulais m’entêter, je dirais que dans un pavé très très lourd de texte, une lettrine est le seul moyen de voir que là vraiment et là seulement il y a une respiration.

Cela dit, pour me répondre à moi-même, la plupart des lettrines enluminées n’ont tout de même qu’un rôle décoratif…

En même temps, objecté-je à mon encontre, je crois qu’un site qui en est à faire une lettrine a généralement déjà fait le reste du chemin.

Mais tu as raison, rétorqué-je derechef. On n’est pas forcé d’utiliser toute la boîte à outils à chaque fois, pour autant on n’a aucune raison de se priver de l’avoir.

Je retire ce que j’ai dit

(le lecteur attentif aura noté que tout de même, on est plusieurs sous mes cheveux)

Après quelques investigations : sur Firefox 3.6, le :first-letter en float se place tout en haut de la box qui le contient. C’est le comportement normal pour un float, donc pas de problème à ce niveau (un screenshot de Firebug montrant les limites de la box).

Le problème viendrait plutôt de la box :first-letter, qui ne semble pas du tout réagir au line-height, comme le montre ce screenshot avec un background sur le :first-letter

Pareil avec les propriétés width et height, qui ne réagissent pas du tout sur Firefox, tandis que Webkit gère ça sans problème.

Firefox doit nous faire un mix entre le display:inline et le float… le inline-float !

Je n’en ai pas la preuve, mais je parierais que c’est une invention des moines copistes de l’époque où on ne marquait pas les paragraphes par un saut de ligne mais par un caractère (¶).