• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Bekomme Text nicht zentriert sobald in Container

PhilNeo

Neues Mitglied
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


HTML:
    <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>

CSS:
#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;

}
 
Werbung:
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
HTML:
<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>
 
Werbung:
Zurück
Oben