[WEB] text-align bug en CSS HTML ?

Fermé
Bonjour,

Voilà, je commence le dev web et j'ai quelques soucis avec le CSS.
Voilà, j'ai créé une classe avec ceci dedans:

maclasse

{
text-align: center;
font-size: large;
font-style: italic;
color: #FF0000;
}

Et sur ma page HTML, j'ai: (avec <html> et tout bien sur ..)

<body>
<maclasse>
Bonjour
</maclasse>
</body>

Malheuresement mon texte ne s'aligne pas au centre ! Mais il est bien rouge et italique...
Pourquoi ? :/

Merci pour votre aide..

PS: J'ai qu'une classe dans mon fichier .css

6 réponses

  1. Regarde sur le Site Du Zero , il y a un tuto html/css. cherche je pense qu'il y a une solution.
    1. Tu a mis le css dans la balise <style> dans le head ?
    2. Voici ma page html, je n'ai pas cette balise:

      <!DOCTYPE html> 
      <link rel="stylesheet" type="text/css" href="styles.css"> 
      <html> 
        <head> 
          <meta charset="utf-8"> 
          <title>base</title> 
        </head> 
        <body> 
          <div ="maclasse"> 
            Bonjour 
          </div> 
        </body> 
      </html>
  2. @juju
    Oui j'y vais régulièrement .. Mais là je sèche vraiment sur mon pb.. Je vais aller leur poser la question je pense...

    @patounnette
    Oui bien entendu ...
    1. Hello,

      HTML:
      <body>
      <div ="maclasse">
      Bonjour
      </div>
      </body>


      CSS:
      #maclasse
      {
      text-align: center;
      font-size: large;
      font-style: italic;
      color: #FF0000;
      } 


      Cela fonctionne chez moi

      Cordialement
      1. @Kafiristanica
        Pas chez moi .. (avec ton code)
        Je continue de chercher
        1. Bonjour,
          Il te suffit de rajouter dans le fichier css :
          width:100%;

          Sans cela le navigateur ne sait pas quelle est la largeur de la div et ne peut pas centrer le texte.

          Cordialement
          1. Tout dépend du navigateur que tu utilise, sous IE et Firefox par exemple il n'y a pas besoin de rajouter cette ligne.