Espacement des lignes HTML4

Question

J'ai de la difficulté à essayer de réduire l'interlignage ici. Changer la hauteur de ligne ne fait rien.

<p><span style="color: rgb(137, 137, 137); font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; line-height: 18px;"> ★</span> iPhone Investor</p> 
<p><span style="color: rgb(137, 137, 137); font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; line-height: 18px;"> ★</span> iPad Investor</p> 
<p><span style="color: rgb(137, 137, 137); font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; line-height: 18px;"> ★</span> Brokers' client</p></div> 

Merci pour toute aide

Answer 1

Appliquer le style line-height à la balise p, plutôt que le span.

CSS:

.spacing { 
    line-height: 18px; 
} 

.star { 
    color: rgb(137, 137, 137); 
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; 
} 

HTML:

<p class="spacing"><span class="star"> ★</span> iPhone Investor</p> 
<p class="spacing"><span class="star"> ★</span> iPad Investor</p> 
<p class="spacing"><span class="star"> ★</span> Brokers' client</p> 

Live Demo:

https://jsfiddle.net/3jyq45c2/

Answer 2

Je ne suis pas positif, mais je pense que vous faites référence à la marge qui est ajoutée aux balises 'p' par défaut.

Toutes les étiquettes p ont une marge en bas, quelque chose comme 15px; Vous pouvez remplacer cela avec ce qui suit ...

CSS dans un fichier ...

p { margin-bottom: 5px; } 

ou Inline

<p style="margin-bottom: 5px"></p>