Le “text-align: center” n'est pas en train de travailler dans un élément span

Je n'ai pas fait de HTML et CSS pour un moment donc j'ai peut-être oublier quelque chose, mais pour une raison quelconque, un "style" de la balise avec le "text-align" jeu de propriétés n'est pas de travail, même dans le plus simple contexte. Je suis sur le point de vous montrer l'ensemble, tout le fichier que j'ai, mais mon problème est que dans les deux commentaires que j'ai. Ne vous inquiétez pas sur les autres choses; c'est un peu la passion de projet, je travaille sur.

Voici donc le fichier en entier. J'ai beaucoup de choses qui n'est pas pertinent ni important; il suffit de se concentrer sur le code dans les deux commentaires.

<!doctype html>
<html>
<head>
<meta charset="utf-8"/>
<title>JSON Generator</title>
<link rel="stylesheet" href="web_mod.css"></link>
</head>
<body bgColor="#E3E3E3">
<!--Start here-->
<span style="text-align: center">Coded by AnnualMelons</span><br>
<!--Finish here-->
<span style="color: red; background-color: #2CE65A">Use this generator to generate the code required to create a JSON message.<br>
Fill in the blanks to generate the code. The generator will guide you through it as you go along. Have fun!</span>
<script>

</script>
</body>
</html>

La "Codé par AnnualMelons" partie de est censé être dans le centre, mais il ne l'est pas. Au moins pour moi, il ne l'est pas.

Je sais que l'autre partie du fichier n'est pas pertinent, mais j'ai pensé que je pourrais aussi bien vous montrer qu'il peut être un problème externe.

Je suis sûr que je suis juste une stupide erreur parce que je n'ai pas fait cela pendant un certain temps, mais cela ne fonctionne pas... donc oui. J'utilise Firefox comme mon navigateur web dans le cas où cette aide.

Merci!

double de span HTML align center ne fonctionne pas?

OriginalL'auteur KarteMushroomPandas | 2014-08-25

  1. 23

    La <span> Élément est, par défaut, un "inline" élément. Sens contrairement à les éléments de niveau bloc (<div> <h1> <p> etc.) la durée ne prend autant d'espace horizontal que son contenu.

    text-align: center EST au travail, mais vous êtes en l'appliquant à un élément qui n'a pas une largeur supérieure à celle de son contenu (comme tous les éléments de bloc).

    Je vous conseille de changer la durée pour un <p> élément, ou en spécifiant le display: block bien sur à votre portée.

    Voici un JSfiddle à démontrer qu'une <span> avec display: block; text-align: center et un <p> avec text-align: center; obtenir le même effet.

    Espère que ça aide!

    OriginalL'auteur Morklympious

  2. 3

    Utilisation d'un p ou d'div plutôt que d'un empan. Le texte est un élément inline et c'est donc un span. Pour text-align de travail, il doit être utilisé sur un élément de niveau bloc (p, div, etc.) pour centrer le contenu en ligne.

    exemple:

    <div style="text-align: center">Coded by AnnualMelons</div><br>
    Merci pour votre aide! Maintenant, il est tout de revenir à moi.... 🙂
    Pas de problème de contrainte 🙂

    OriginalL'auteur David