Wie Zentriere ich ein h1 im Körper

Ich habe versucht, die Zentrierung mein h1 in den body-tag wie diesem:

h1 {margin:0 auto}

http://jsfiddle.net/qPDwY/

Aber nicht center. Wie kann ich es beheben?

  • Verwenden text-align:center... jsfiddle.net/9bSnT .. Der h1 ist ein block-level-element mit einer Breite von 100%.. margin:0 auto funktioniert nicht in diesem Fall.
  • text-align: center? h1 ist standardmäßig 100% Breite.
  • Margin: 0 auto; Funktioniert in einer festen oder 100% Breite. Sie können auch text-align: center; aber das wird erst wieder funktionieren, solange Ihre Breite auf Ihrer Website ist auf 100% eingestellt oder fixiert und zentriert sich selbst. Die andere Sache, die Sie sollten vorsichtig sein, ist mit text-align: center; zentrieren Sie alle, es sei denn Sie weisen insbesondere darauf zu einem bestimmten geschachtelten h1 als hier .yourclass h1 {text-align: center}
InformationsquelleAutor user3182981 | 2014-01-10
  1. 16

    In diesem Fall:

    h1 {
    text-align:center;
}

    jsFiddle-Beispiel

    Margin:auto-Regel verwendet, wenn Sie eine Breite für das element, das Sie nicht getan haben.

    InformationsquelleAutor j08691
  2. 1

    Können Sie es durch einstellen der Breite. 

    <body>
     <h1>My Title</h1>

</body>

    CSS

    h1 {
    width:500px;
    margin: 0 auto;
    background: gray;
    text-align: center;
}
    InformationsquelleAutor Ceres
  3. 0

    Alternativ könnten Sie versuchen, diese:

    h1 {
    text-align: center;
    margin: 0px auto;
    display; block;
}
    • Standardmäßig ist der h1 ist ein block-level-element und ohne eine Breite der margin:0 auto tut nichts.
    InformationsquelleAutor timmyblog
  4. 0

    -div style="margin:0 auto; text-align:left; width:80px;"-
    Beispiel

    ändern Sie die Breite ändern Sie die position

    InformationsquelleAutor user3183134
Schreibe einen Kommentar