Не может находиться в центре Нижний колонтитул с выравниванием текста или маркой: авто. Маленький текст также не будет работать

Question

Я не могу сосредоточить свой нижний колонтитул с выравниванием текста или маркой: авто. Маленький текст также не будет работать.

Я новичок в HTML и CSS, так что любая помощь была бы оценена :)

Код:

/* 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 выяснил, что я могу исправить это, используя атрибут style в теге footer. Спасибо!

Answer 1

Вы хотите, чтобы нижний колонтитул был выровнен по центру. Не только текст, как сейчас, правильный?

Чтобы сосредоточиться на нижнем колонтитуле, вам необходимо применить ширину к нему для margin:0 auto для работы.

Нижние колонтитулы являются элементами блока, поэтому, если вы не хотите применять фиксированную ширину, измените значение display:inline-block, а затем измените родительский элемент на text-align:center.

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