J coupé avec une police Georgia

Bonjour à tous

J'ai besoin de votre expérience et compétence au sujet d'une question a laquelle je peine a trouver une solution.
Le décor : un div flottant 'Titre' contenant un div en position absolute 'Titre-texte' calé en bas a gauche (bottom:0, left:0)

.Titre
{
	position:relative; 
	float:left;
	
	margin: 0;
	padding:0;
	width: 544px; 
}

.Titre-texte
{
	position:absolute;
	bottom:0px; 
	left:0px;
}

Et dans ce dernier div, un span de classe :

.soustitre
{
	font-family:  Georgia, Arial, Sans-Serif;
	font-size:18px;
	font-style:italic;
	line-height:20px;
}

contenant la phrase 'j'ecoute'

Et la queue du j est mangée.
Existe t-il une réponse élégante a ce pb ? Ou faut-il jouer de décalage approximatif et de superposition ? a supposer que ca marche...
Merci à vous pour votre aide

Bonjour,
as-tu essayé en jouant sur les marges du body ?

body{
margin:20px;
}

par exemple ?

Bonjour, tu peux augmenter ton line-height ou diminuer le font-size.

alsace les marges j'y ai bien pensé mais j'ai des contraintes d'alignements. J'ai peur que ce jeu mene a un bricolage difficile a gerer.

Mabelle, line-height et taille de police sont imposés pour moi.
Merci.

A part jouer sur le line-height ou le padding-bottom, ou choisir une police avec un jambage plus court y'a pas de solution.

ok merci a tous, j'ai finalement mis une rustine. Sur le span commençant par un j (et pas les autres) j'ai mis un padding-left:3px....