28172 sujets

CSS et mise en forme, CSS3

[Résolu] Problème d'encadrement

Bonjour à tous,
je fais mon site en responsive et j'avais entouré mes titres par le style :
h2 > span, h3 > span,  h4 > span, h5 > span {
	border: 1px solid #5c5c5c;
	padding: 5px;
	box-shadow: 5px 5px 8px #5c5c5c;
}

Par contre, quand je diminue le format, le texte passe sur 2 lignes et donne l'image-ci-dessous.
upload/1505477418-44994-h2-span.png
Auriez-vous une solution pour y remédier ?
Merci d'avance
Salut,

Oui ! à la solution de @_laurent

mais si tu ne veux pas changer le mode d'affichage (display) du span, il est aussi possible de modifier / augmenter le line-height du span (par exemple line-height = 2)

le résultat devrait être identique....
La solution 1 ne fonctionnait pas, c'est pourquoi je ne vous l'avait pas donnée au départ, car c'est ce que j'avais déjà fait.
Effectivement, je ne pense pas souvent à ce line-height qui m'a pourtant déjà facilité des choses et qui marche bien dans mon cas.
Merci encore à vous deux. Smiley prie
Sujet clos
Aller à