フッターをテキスト・アラインメントまたはマージン：autoでセンタリングできません。小さなテキストもうまくいきません

Question

フッターをtext-alignまたはmargin：autoでセンタリングすることができません。小さなテキストも機能しません。

私は任意のヘルプははるかに高く評価されるだろう、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 ::: 私はフッタタグのstyle属性を使って修正できるとわかりました。ありがとうございました！

Answer 1

フッターを中央に配置します。それだけでなく、テキストが正しいようになりましたか？

フッターを中央に配置するには、margin:0 autoの幅を適用する必要があります。

フッターはブロック要素なので、固定幅を適用しない場合はdisplay:inline-blockを変更し、親をtext-align:centerに変更します。

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