Aligner une fraction

Bonjour, j'aimerais avoir votre avis sur ce qui suit.

Dans un texte, j'ai ajouté une fraction 2/3. Comme ⅔ n'existe pas j'ai été chercher le caractère spécial ⅔ Le problème c'est qu'il est petit et j'ai donc grossi la police (voir premier ligne sur l'image). En grossissant il devient plus lisible mais décale mon texte vers le haut (voir 3e ligne sur l'image). J'ai alors ajouté vertical-align: middle et là c'est l'inverse (voir 5e sur l'image).

http://www.tutoweb.com/images/fraction.gif

Autre question, comment faire pour que ce caractère soit accessible à tous ? J'ai pensé à mettre un title dans le span mais je sais pas si c'est la meilleure solution.

Bonjour katsoura,

Moi je mettrais un interlignage pour que tes lignes soient toutes de la même hauteur, qu'il y ait 2/3 dedans ou pas.

J'ai fait cet essai :

css

#police {
font-family:verdana, Geneva, arial, sans-serif;
color: #ff0000;
font-size: x-small;
line-height: 130%;
}
#police span {
font-size: small;
}

html

<p id="police">Blablablablabla <span>&#8532;</span> Blablablablabla
<br />Blablablablabla <span>&#8532;</span> Blablablablabla
<br />Blablablablabla Blablablablabla
<br />Blablablablabla <span>&#8532;</span> Blablablablabla
<br />Blablablablabla Blablablablabla
<br />Blablablablabla <span>&#8532;</span> Blablablablabla</p>

et ça a l'air pas mal.

Une solution serait donc d'aumgenter l'interlignage. J'y avais pas penser, je vais essayer. Merci à toi.

Oui c'est ça, augmenter l'interlignage