[Résolu] Changer la hauteur d'une lettre précise sur une ligne

Uld

8 Nov 2018 à 09:48

Bonjour,

Je cherche à changer la hauteur d'une lettre sur une ligne.
Une image explique mieux, regardez les parenthèses dans cette image.

J'ai essayé avec du font-size:150% mais c'est pas parfait, ca l'agrandit vers le haut comme vers le bas.
Comment faire pour garder le pied de ma parenthèse sur la ligne des lettres, mais monter le haut de la parenthèse ?

Possible en CSS ? Peut-être avec un caractère html spécial ?

Quelles seraient vos pistes les amis ?
Modifié par Uld (08 Nov 2018 - 09:49)

Raphael

Administrateur

8 Nov 2018 à 10:03

Hello,

Il faut agir sur la propriété vertical-align : https://codepen.io/raphaelgoetter/pen/MzKdOz?editors=1100

Par ex :

span {
  font-size: 150%;
  vertical-align: bottom;
}

La valeur par défaut de vertical-align est "baseline", ce qui pousse la lettre vers le bas : https://www.alsacreations.com/astuce/lire/4-alignement-vertical-image-texte.html
Modifié par Raphael (08 Nov 2018 - 10:04)

Uld

8 Nov 2018 à 10:05

Merci Raphael, il me manquait ce détail, c'est impeccable !

CSS et mise en forme, CSS3

[Résolu] Changer la hauteur d'une lettre précise sur une ligne