Bekomme Text nicht zentriert sobald in Container

[PhilNeo]

Hallo,

ich bin ziemlicher Neuling, was HTML und CSS angeht. Aktuell versuche ich ein Text in einen Container einzufügen. Die Umrandung soll farblich abgesetzt sein und mittig im Container. Jedoch ich aber den Container drum setze, rückt mein Text immer linksbündig. Woran liegt es. Mit margin habe ich einiges schon versucht.
Danke für die Hilfe

    <div id="footer">
        <h4 id="banner">
            <p> Firmenname </br>
                Hier Name Einfügen</br>
                Bei Fragen oder anregungen wenden sie sich bitte an:</br>
                Email Einfügen</br>
                Wir stehen ihnen gerne zur Verfügung</br>
            </p>
        </h4>
    </div>

#banner {
padding:20px 30px ; /* 53px 30px 52px 30px  h=105px*/
font-size:12px; /* Gesamthöhe der Schrift ca.  15px  */
color:#000;
background:#2b5d79;
text-align:center;
}

#footer {
margin: 10 ; text-align: center;
 width: 490px;
padding: 10px; border: 10px solid #000;
 background: #4995c2;
 position: relative;

}

 

[ThomasF]

wenn der container ein

margin: auto ;

bekommt klappt das.

 

[basti1012]

Ich würde andere Elemente nehmen und Flexbox nutzen.
Soll der innere Kasten eigentlich viel kleiner als der andere sein?
Ich würde es dann so machen

<style>
 footer {
     display:flex;
     justify-content: center;
     width: 490px;
     padding: 10px;
     border: 10px solid #000;
      background: #4995c2;
}
 #banner {
padding:20px 30px ;
font-size:12px;
color:#000;
background:#2b5d79;
text-align:center;
}


 
</style>

<footer>
        <p id="banner">
             Firmenname </br>
                Hier Name Einfügen</br>
                Bei Fragen oder anregungen wenden sie sich bitte an:</br>
                Email Einfügen</br>
                Wir stehen ihnen gerne zur Verfügung</br>
            </p>
        
    </footer>