Bonjour,
J'aimerais augmenter la taille des 3 premiers caractères de mon paragraphe mais je n'y arrive pas. Je sais que pour le 1er, il y a le first-letter mais comment fait-on lorsqu'on en veut plus d'un ?
Voici mon code :
HTML
CSS
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13 <div align="center"> <div class="encadrement"> <p> La première lettre est plus grande que les autres et l'espacement entre la 1ère ligne et la 2ème est plus grand que l'espacement entre toutes les autres lignes. </p> </div> </div>
J'ai essayé de mettre dans un <span> les 3 premiers caract. mais lorsque le texte de ma balise <p> est supérieur à l'encadrement et que celui-ci retourne à la ligne, l'espacement entre la 1ère et 2ème ligne est plus grand que l'espacement des autres lignes.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14 div.encadrement{ width:200px; height:100px; background-color:black;} p { position:relative; top:25px; font-family:Garamond ; font-size:12pt ; text-align:left; color:white ; background-color:green;} p:first-letter{font-size:26px} span.taille_lettre{font-size:36px}
J'espère que vous voyez ce que je veux dire.
Exemple
Quelqu'un aurait-il une idée à me soumettre ?
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 <div align="center"> <div class="encadrement"> <p> <p> <span class="taille_lettre">La </span>première lettre est plus grande que les autres et l'espacement entre la 1ère ligne et la 2ème est plus grand que l'espacement entre toutes les autres lignes. </p> </div> </div>
Merci.
Partager