[WEB] text-align bug en CSS HTML ?

Fermé
corentin** Messages postés 455 Statut Membre -  
 Yoodie44 -
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
A voir également:

6 réponses

jujudu70220 Messages postés 1 Statut Membre
 
Regarde sur le Site Du Zero , il y a un tuto html/css. cherche je pense qu'il y a une solution.
0
zérémy
 
Tu a mis le css dans la balise <style> dans le head ?
0
corentin** Messages postés 455 Statut Membre 65
 
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>
0
patounnette Messages postés 34 Statut Membre
 
es que tu as intégrés ton css a ton html
0
corentin** Messages postés 455 Statut Membre 65
 
@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 ...
0
Kafiristanica Messages postés 266 Date d'inscription   Statut Membre Dernière intervention   28
 
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
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
corentin** Messages postés 455 Statut Membre 65
 
@Kafiristanica
Pas chez moi .. (avec ton code)
Je continue de chercher
0
Yoodie44
 
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
0
Kafiristanica Messages postés 266 Date d'inscription   Statut Membre Dernière intervention   28
 
bah si ...
0
Yoodie44
 
Tout dépend du navigateur que tu utilise, sous IE et Firefox par exemple il n'y a pas besoin de rajouter cette ligne.
0