フッタが中央に配置されず、右にプッシュされます

-3

モバイルでは、予想どおりに表示されます。しかし、一番下のフッターがセンタリングされていないと私はここで（奇妙なリンクの意味であるソース隠れ家、主催）のリンクがあります<center>とフッタが中央に配置されず、右にプッシュされます

https://4qluxigz.apps.lair.io/text-align: center;の両方を使用しているにもかかわらず、右にプッシュされます。

これはおそらく私が作った間違いのための助けとなりました！

編集：パートフッターの

<div class="footer"> 
     <div class="inFooter"> 
      <center> 
      <p class="copy"> 
      © 2016 Joey Yelkich. All rights reserved 
     </p> 
      </center> 
     </div> 
    </div> 

.footer { 
background-color: #EEEEEE; 
text-align: center; 
color: white; 
display: block; 
text-align: center;

}

.copy { 
    color: #000; 
word-spacing: 2px; 
display: inline-block; 
    height: 100%; 
padding: 4px 25px 4px 20px; 
background: #fff; 
text-align: center; 
margin-right: auto; 
margin-left: auto;

}

出典

2016-12-12 yelkish

ようこそスタックオーバーフロー！コードヘルプを求める質問には、それを再現するのに必要な最短コード**を質問の中で**好ましくは** Stack Snippet **に含める必要があります。あなたがリンクを提供したにもかかわらず、それが無効になるのであれば、あなたの質問は、同じ問題を抱える将来の他のSOユーザにとっては価値がないでしょう。 [**私のウェブサイトの何かが動作しないのは、リンクを貼り付けるだけです**]（http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-リンクを張ることはできません）。 –

参考のため、人に使用しないように知らせる場合を除いて、 '

'タグは何にも使わないでください。 –

だけ.footerにclear: bothを追加し、これはデスクトップだけでなく、モバイルの両方で動作します。 Like：

.footer { 
    clear: both; 
}

希望します。

出典

2016-12-12 15:28:22

@yelkish希望、これはあなたの問題を解決しました。それがあなたの問題を解決したなら、upvote＆あなたの答えとしてこれを忘れることを忘れないでください。 –

フッタが中央に配置されず、右にプッシュされます

答えて

関連する問題