Bonjour à tous,

J'ai réalisé un site internet qui fonctionne très bien sur Internet Explorer, Mozilla Firefox, Google Chrome, Safari et Opera sous Windows. Je rencontre toutefois un problème d'affichage lorsque je teste mon site avec une tablette Samsung Galaxy Tab 2 ou encore un téléphone Samsung Galaxy 3. Il s'agit du navigateur fourni par défaut sur ces deux outils. Je ne repère qu'une différence, que voici :



Au lieu d'être positionnés en bas de la ligne, mes points se situent au milieu. J'ai l'impression que le navigateur fait comme si ma police était de taille normale, alors que ce n'est pas le cas (les points ne sont pas au milieu lorsque le texte est de taille normale).

Est-ce que quelqu'un sait comment pallier à se problème ?

Voici mon code source :

HTML5 :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
<article>
		<h2>Bonjour…</h2>
		<p>…et bienvenue sur mon site.</p>
	</article>
CSS3 (uniquement les propriétés qui influencent le code pour plus de clarté) :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
* {
	margin: 0;
	padding: 0;
}
 
section article h2 {
	font: 400 1.875em/1.5 'Playfair Display', Georgia, serif;
}
 
section.right article p {
	font: 0.875em/1.6 'Muli', Verdana, Helvetica, sans-serif;
	text-align: justify;
}
 
section.right {
	display: inline-block;
	width: 45%;
	padding-right: 3%;
}
 
article {
	margin-bottom: 3.125em;
}
Merci par avance pour toute aide apportée.