当我应用“边距：自动”时，页脚不居中

Question

I've tried this and the footer doesn't center. I tried to put display: block or inline-block but that doesn't serve me either.

HTML:

<div id="secondfooter">
   <p>COPYRIGHT 2020 HYUNDAI AUTO ROMANIA. TOATE DREPTURILE REZERVATE.</p>
</div>

CSS:

#secondfooter {

    width: 900px;
    margin: auto;
    font-size: 13px;
    background: #c00000;
    font-family: arial;
    text-align: center;
    color: white;
    float: left;
}

Here is jsfiddle link:

https://jsfiddle.net/bogdan9/o14p39ek/

Answer 1

Try by removing float left, it should work:

#secondfooter {
    width: 900px;
    margin: auto;
    font-size: 13px;
    background: #c00000;
    font-family: arial;
    text-align: center;
    color: white;
}

I removed it and it looks working to me.

Answer 2

Use flexbox and width: 100%. No matter what screen are you on, it will be in center.

 #secondfooter { margin: auto; font-size: 13px; background: #c00000; font-family: arial; color: white; width: 100%; display: flex; align-items: center; justify-content: center; }

 <div id="secondfooter"> <p>COPYRIGHT 2020 HYUNDAI AUTO ROMANIA. TOATE DREPTURILE REZERVATE.</p> </div>

Answer 3

give width: 100% to #secondfooter

#secondfooter {
  width: 100%;
  margin: auto;
  font-size: 13px;
  background: #c00000;
  font-family: arial;
  text-align: center;
  color: white;
}