Je suis nouveau sur Html et CSS. Je veux un titre qui contienne du texte comme "Femmes de sécurité". Je veux déformer le texte d'en-tête avec une bordure. Mais lorsque j'applique une bordure au texte, la bordure couvre toute la zone de la largeur à gauche et à droite.Je veux juste ajouter une bordure autour du texte uniquement et le texte doit être au centre . 
4 Réponses :
Voici votre texte en HTML:
p.solid {border-style: solid; display:inline}
Dans votre CSS créez votre bordure avec cette commande:
<p>Women Safety</p>
Si j'utilise cette ligne, toute la page html est recouverte d'une bordure .i.e à gauche et à droite. Mais je veux seulement la bordure autour du texte
J'ai édité ma réponse. Utilisez display: inline pour avoir juste autour du texte. Dites moi si ca marche.
Essayez ceci.
<p id="test">Women Safety</p>
#test {
border: solid; padding: 0.5%; display: inline;
}
<p style="text-align: center;">
<span style="border: 1px solid red;display: inline-block;">Women safty</span>
</p>
Utilisation d'un span
HTML
body {
text-align: center;
}
h1 {
border: solid;
display: inline;
}
div {
border: solid;
display: inline;
}
p {
border: solid;
display: inline;
}
CSS
<h1>Women safty</h1><br /><br /> <div>Women safty</div><br /><br /> <p>Women safty</p><br /><br />
Résultat
Utilisation d'un div, h1 et p
HTML
body {
text-align: center;
}
span {
border: solid;
}
CSS
<span>Women safty</span>
Résultat
Tnx bro cela a fonctionné. Les deux méthodes ont fonctionné. Puis-je utiliser la balise
Oui, vous pouvez. Aussi, une chose à prendre en compte. Même si span, div, p et h1 ont presque le même effet dans l'habillage de mots du texte, si vous souhaitez ajuster la largeur manuellement, vous ne pouvez pas le faire si vous utilisez span. Mais si vous utilisez div, p et h1, vous pouvez les ajuster facilement en utilisant la largeur et la hauteur en css. Passez un merveilleux voyage de programmation @NaVeEdIbRaHiM.
Pourriez-vous partager votre html?