Impossible d'aligner la balise H1 à gauche avec CSS ?

Question

Bonjour, il semble que j'aie un problème pour aligner une balise H1 sur la gauche. Je sais que c'est quelque chose dans mon fichier template.css mais je n'arrive pas à savoir quoi.

Jetez un coup d'œil >

Cela devrait être facile pour tout gourou CSS j'espère ;)....

Answer 1

Utilisez un outil de développement comme Firebug de Firefox, WebInspector de Safari ou Developer Tools d'IE pour inspecter le document. Ceux-ci vous montreront probablement que c'est le .previous_page qui crée un conflit avec la marge supérieure de l'écran de l'utilisateur. h1 .

Answer 2

Il heurte le lien flottant "Page précédente" et l'entoure. Il est justifié à gauche, mais on dirait qu'il est centré à cause de l'endroit où il heurte le flotteur.

Essayez :

h1 { clear: left }

Answer 3

Essayez de changer votre style h1 en ceci :

#flypage h1 {
  float: left;
  margin-bottom: 20px;
  margin-top: 20px;
  text-align: left !important;
  width: 100%;
}