[HTML/CSS] épaisseur d'un titre

Marsh Posté le 02-05-2011 à 22:29:05

Bonjour

Je ne suis pas expert en css, et là ça se fait sentir
J'ai un titre en caractère épais, qui est plus large que ma zone de texte, il y a donc un retour à la ligne. C'est voulu.
Ce qui l'est moins, c'est que les deux lignes se chevauchent, et je ne comprends pas pourquoi.

<div id="mid_right">
<div id="mid_title">Mon titre est qui est trop long et est illisible au retour à la ligne</div>
<p>blablanblablabla bnlablablbalbdanh d jp jdjojdoe</p>
</div>
</div>

#mid_right {
float: right;
width: 760px;
color: #fff;
}

#mid_right p { margin-bottom: 20px }

#mid_title {
color: #fff;
font-size: 40px;
font-weight: 700;
margin-bottom: 30px
}

Une idée de mon problème ?

---------------
Mon topic de vente - Mon feed-back

Marsh Posté le 02-05-2011 à 22:29:05

Marsh Posté le 02-05-2011 à 22:36:05

Je viens d'essayer d'ajouter "Line-Height: 1;" et c'est bien mieux.
Mais pourquoi ?
C'est sensé être la valeur par defaut, non :??: