頁腳問題在網站

Question

你能幫我看看我的網站http://www.noor-azmi.com/element/

頁腳中的文本應該是中心的。

HTML

<footer> 
     <div class ="container-fluid con-foot"> 
      <div id="foot1">Element Design Studio Pte Ltd <br><div id="copy"> Copyright 2017</div></div> 
      <div id="footer-logo"><img src="image/Small-E-Logo.png"></div> 
     </div> 
    </footer> 

一切都很好，他們都在一個DIV類CON-腳組合在一起，我想讓CON-腳在頁腳集中。我試着給它一個保證金，左邊和右邊的汽車，但仍然不能。

順便說網站是在自舉

Answer 1

做望着從網站移除float: left;：

#foot { 
    /* float: left; remove this line */ 
    margin-left: auto; 
    margin-right: auto; 
} 

Answer 2

試試這個one.Hope有幫助，

.con-foot { 
position: absolute; 
right: 0; 
bottom: 0; 
left: 0; 
padding: 1rem; 
text-align: center; 
}