Begrenzung der hintergrund-Farbe, die der Breite der überschrift
Ich versuche die Hintergrundfarbe zu kleben strikt an den text der überschrift und nicht erstrecken sich über die gesamte Breite der Seite. Ich verstehe, dass block-level-Elemente die gesamte Breite der Seite, so dass ich Frage mich, ob es war ein Weg, um dies neben zwingen inline-styles.
EDIT: Wenn ich display: inline-block; warum ist es, dass, obwohl ich angeben text-align: center;
meine Header sind immer noch Links ausgerichtet? Sollte ich eine float statt?
- Warum nicht die Hintergrundfarbe für das TextElement?
- Wie soll ich das tun?
- Check out @CatShoes Antwort.
- Sie sollten text-align übergeordnete überschrift, und auch die auto-Margen für die Breite.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Oder die Anzeige als inline-block-treffen konnten die meisten Anwendungsfälle:
h1 {
background-color: red;
display: inline-block;
}
Vielleicht so etwas wie dieses:
In HTML:
CSS:
Raten von deiner Frage, das ist nicht die Antwort, die du suchst, aber es kann nützlich sein.
EDIT:
Alternativ sollte dies auch funktionieren. Aber ich bin mir ziemlich sicher, dass dies ist, was Sie vermeiden wollen (inline, richtig?)...
Diesem würde dieses problem lösen, denke ich:
Und css wäre:
Müssen Sie das text-align:center; Attribut auf das übergeordnete element, welches dein div-block zu zentrieren, dein header und hintergrund mit display:inline-block;