Ne semble pas le centre de mon h1?
Je suis à l'essai de certaines des trucs aléatoires et semblent tomber sur un drôle de petit désagrément.
Je ne peux pas le centre de mon H1, j'ai essayé text-align sur le contenu div
et h1
lui-même, aucun effet.
Quelqu'un peut voir l'erreur que je suis en train de faire? Il doit être quelque chose de simple, je suis surplombant.
Où est mon héros ? 😀
Voici un lien vers mon css/div, de ses une image.
Qu'il ne soit pas centré dans le milieu exactement 🙁
Voici mon code HTML:
<div id="content">
<h1>Solid Design</h1>
</div>
et le CSS:
h1
{
display: inline;
background-color: red;
color: white;
font-weight: bold;
text-align: center;
font-size: 2.5em;
}
#content
{
text-align: center;
}
#content p
{
width: 750px;
}
- Désolé, veuillez réduire le code à un petit exemple qui reproduit le problème. Pas veut creuser à travers cela.
- veuillez poster le relavant les parties de votre code ici et pas dans une image. c'est à dire le code html immédiatement autour de votre h1 et le css qui vous sont usingto style.
- Vous devriez essayer de reproduire le problème dans JSFiddle. Puis de publier le code et un lien pour le violon.
- le problème n'est viable qu'à 2 parties de la CSS, #CONTENU et H1 dans le code HTML c'est le CONTENU de la partie.
- Mieux poster votre code dans un JSfiddle et de partager le lien ici.jsfiddle.net
- Désolé, mais j'ai demandé une réduction de l'exemple, non pas pour un commentaire supplémentaire.
- Hmm, qu'est-ce que JSfiddle, je l'ouvrit et ses 4 blocs de texte, je colle mon code n'? 😀
- Quelle IDE / Outil que vous utilisez ,je suis excité de voir un aussi beau éditeur ! 🙂
- Ma première hypothèse est que vous flottait le logo/image sur la gauche et ensuite le test du contenu est déplacé en conséquence. Merci de poster le code qui contient le logo de l'image et ainsi de suite (HTML et CSS).
- C'est Sublime Text. J'ai exactement le même thème que bien 🙂 Il y a beaucoup d'emacs-comme les raccourcis clavier et un océan de plugins.
Vous devez vous connecter pour publier un commentaire.
Parfois le texte à l'intérieur H1 devient empêtré avec l'élément avant. L'ajout de la marge supérieure, libre à elle.
Vous êtes en utilisant le style
display:inline;
sans une largeur de style, cela va rendre l'élément exactement la même taille que le texte de lah1
va prendre.Pour rendre le texte center, vous devez lui donner une
width
et définirtext-align
àcenter
ou de prendre de la
display:inline
et juste définirtext-align:center
, comme éléments d'en-tête sont, par défaut, un élément de niveau bloc, il va prendre toute la largeur il peut.Je pense que vous devez enlever votre
display:inline
de votre css que vous avez appliqué à la balise h1 et puis essayer de lui donner untext-align
de centre. Si cela ne fonctionne pas, veuillez -C'est à partir de W3schools et il fonctionne dans mon WordPress en html.
Je n'ai pas lu ton code, mais vérifier les éléments flottants autour de, ils peuvent causer des problèmes. En fait, je a la lecture de ce pour obtenir des réponses et de l'épiphanie a frappé, je n'avais pas {display:none},'d le mobile-nav hamburger icône, ce qui a causé mon titre à avoir un espace sur le côté que je n'avais pas ajouté. Espérons que cela aide quelqu'un.
Vous devez ajouter une largeur. Cela va fonctionner: