Ne peut pas text-align:center sur le css

Je n'arrive pas à obtenir mon "Home" boutons pour le centre. La maison du texte est à gauche au lieu de le centre.J'ai mon html et css liés, comme ceci:
html:

  <html>
  <head>
  <link rel="stylesheet" type="text/css" href="background.css"/>
  </head>
  <body>
  <h1>Bully-Free Zone</h1>
  <h2>"Online harassment has an off-line impact"</h2>
  <a href="New.html" class="nav-link">Home</a>
  </body>
  </html>

Css:

a.nav-link:link
{
color: black;
text-decoration: underline;
font-family:broadway;
font-size:30px;
text-align:center;
}
a.nav-link:visited
{
color: black;
text-decoration: none;
}
a.nav-link:hover
{
color: black;
text-decoration: none;
}
a.nav-link:active
{
color: black;
text-decoration: none;
}

OriginalL'auteur Backtrack | 2012-04-17

  1. 13

    Vous pourriez l'envelopper dans un div:

    <div align="center">
  <a href="New.html" class="nav-link">Home</a>
</div>

    Ou vous pouvez créer une classe pour la div:

    HTML:

    <div class="myDiv">
  <a href="New.html" class="nav-link">Home</a>
</div>

    CSS:

    .myDiv {
    text-align: center;
    width: 300px;
}
    Très sympa merci, il a travaillé 🙂
    Si vous êtes heureux avec la solution, pourriez-vous cliquez sur l'Icône de recherche à côté de la réponse?
    Lequel est le plus professionnel? En utilisant uniquement le html en texte en ligne? ou de créer une classe css?
    C'est vraiment à vous. Il est toujours beaucoup plus propre à créer la classe dans le CSS, et le rend plus facile de changer les attributs si tu dis à un moment que vous décidez que vous souhaitez ajouter une bordure, la couleur d'arrière-plan et du remplissage. Et si vous voulez ajouter plus de liens, par exemple, ou des liens, tu avais seulement besoin de faire référence à la même classe plutôt que de les taper en html une fois de plus.
    Simple et cela a fonctionné, merci.

    OriginalL'auteur sooper

  2. 2

    Le text-align propriété n'centre le texte dans le conteneur. Dans ce cas, la balise est aussi large que le texte. Donc, peu importe comment vous définissez votre text-align bien sur que la balise de lien, il apparaîtra toujours le même. Au centre, il vous suffit de le mettre dans un élément qui est plus large.

    <div id="nav">
    <a href="New.html" class="nav-link>Home</a>
</div>

    et votre css:

    #nav
{
   text-align: center;
}

    Bonne Chance!

    OriginalL'auteur Ricketts

  3. 1

    Propriété text-align:center devrait être appartenant à l'élément parent

    OriginalL'auteur Ke Pasa

  4. 0
    <a href="#">Link</a>

a {
  display: block;
  margin: auto;
}

    OriginalL'auteur mrded