[Résolu] Comment obtenir un exposant sur deux lignes ?

Bonjour,

J'ai besoin d'écrire une tolérance dissymétrique : 45 +10 -15 mmH2O. Les deux valeurs de tolérance doivent être en exposant. La valeur -15 doit être en-dessous de la valeur +10, comme cela est indiqué dans l'image jointe.

J'ai essayé de traiter la balise <sup> comme un bloc (display: block ou inline-block, par exemple) mais n'arrive pas, malgré de nombreux essais dans plusieurs direction, à obtenir le résultat désiré.

Avez-vous une solution à me proposer ?

Merci d'avance pour votre aide


Modifié par cadbor (13 Nov 2013 - 11:40)

Rebonjour,

Voici la réponse :

<p>Essai pour afficher une tolérance dissymétrique : 45<sup><span>+10</span><span>-15</span></sup> mmH<sub>2</sub>O</p>

sup {
	display: inline-table;
	font-size: 50%;
	vertical-align: text-bottom;
	padding-left: 2pt;
}

sup span {
	display: table-row;
}

salut,
tu es entrain de perdre l'aspect sémantique. Au lieu de mettre 2 <span> dans un <sup>, tu mets un <sup> et un <sub> dans un <span>.

<p>Essai pour afficher une tolérance dissymétrique : 45 <span><sup>+10</sup> <sub>-15</sub></span> mmH<sub>2</sub>O</p>

span {display:inline-table;vertical-align:text-bottom;font-size:50%;padding-left:2pt;}
span sub {display: table-row;}

Merci,

C'est en effet plus rigoureux. J'ai donc modifié le code en conséquence.