Discussion :

[Invité]

Bonjour.

Je suis nouveau sur ce forum, et débutant en CSS3.
Depuis plusieurs jours maintenant je me creuse la tête et je fais de recherches dans les cours et tutoriels pour apprendre CSS : https://css.developpez.com/cours/ sur un problème que je rencontre. Pouvez-vous m'aider, s'il vous plaît ?
Voici une bordure avec un texte à l'intérieur :



J'aimerais faire en sorte que le texte ne soit pas collé à la bordure supérieure mais qu'il soit au milieu du cadre (sur la ligne rouge que j'ai fais avec Paint). Comment faire cela ?

Je vous remercie de votre lecture !
-Benjamin

[JefReb]

Ben avec un padding, ça devrait le faire.

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

padding-top:0px; padding-bottom:0;

et un

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

border-bottom:1px solid red;

[JefReb]

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

padding-top:10px; padding-bottom:0;

10px ou autre, il manquait quelque chose dans ma réponse ...

[NoSmoking]

Bonjour,
tu peux également regarder du coté de line-height pour les éléments de type « block ».

[JefReb]

C'est vrai nosmocking, mais comme apparemment, beaucoup de participants ne veulent pas donner leur code html, et Css même très simplifié pour essayer de comprendre et cerner leur problème, il est difficile d'avoir une réponse correcte.
Pour essayer d'être "pédagogique" comme me l'a décerné à juste titre Jreaux62, je demande à Benjamin de nous fournir le code CSS et html.
En effet, il est possible d'écarter le haut et le bas avec un padding-top et un padding-bottom.
Mais au vue de la capture d'écran fournie par l'image de Benjamin, le texte est-il souligné par un gros trait rouge dans une boite avec une bordure de 1px solid black?
Ou bien ... on ne peut pas trop savoir.

Il est vrai qu'un line-height plus grand que le font-size permet de centrer le texte.

Bref, sans agressivité, le code html et CSS serait apprécié si Benjamin désire que quelqu'un s'intéresse à son problème.

[NoSmoking]

...le texte est-il souligné par un gros trait rouge dans une boite avec une bordure de 1px solid black?

je ne pense pas du fait de

mais qu'il soit au milieu du cadre (sur la ligne rouge que j'ai fais avec Paint).

mais wait et peut-être see