Fußzeile kann nicht mit Textausrichtung oder Rand zentriert werden: auto. Kleiner Text funktioniert auch nicht

Question

Ich kann meine Fußzeile nicht mit Textausrichtung oder Rand zentrieren: Auto. Der kleine Text funktioniert auch nicht.

ich zu HTML und CSS neu bin, so würde jede Hilfe sehr geschätzt :)

Code:

/* Footer */ 
 
footer { 
 
\t text-align: center; 
 
\t font-size: 0.7em; 
 
\t border-top: 1px dotted #E8DFAC; 
 
\t padding-top: 1em; 
 
\t margin: 0 auto; 
 
} 
 

 
footer a, 
 
footer a:visited { 
 
\t color: #636363; 
 
} 
 

 
footer a:hover, 
 
footer a:focus { 
 
\t color: green; 
 
}

<!-- Footer --> 
 
\t <footer> 
 
\t \t <small>Made by Hannah Hawkins</small> 
 
\t </footer>

::: UPDATE ::: I herausgefunden, dass ich es mit dem style-Attribut im Footer-Tag beheben kann. Vielen Dank!

Answer 1

Sie möchten, dass die Fußzeile in der Mitte ausgerichtet wird. Nicht nur der Text, wie er jetzt korrekt ist?

Um Ihre Fußzeile zu zentrieren, müssen Sie eine Breite darauf anwenden, damit margin:0 auto funktioniert.

Fußzeilen sind Blockelemente. Wenn Sie also keine feste Breite anwenden möchten, ändern Sie die display:inline-block und ändern Sie die übergeordnete Komponente in text-align:center.

body {text-align: center;} 
footer {display:inline-block}