text-align:center funktioniert nicht

Luke147

Neues Mitglied
Hey, Ich bin gerade dabei eine einfache Website zu Programmieren, doch der text-align: center Command geht nicht. Die Schrift bleibt am linken Websiterand und
geht nicht in die mitte.
index.html:
<!DOCTYPE html>

<htmll>
    <head>
        <title>ZS</title>
        <link rel="stylesheet" href="style.css" />
    </head>
    <body>
        <div id="top"></div>
        <div id="logo">FS</div>
        <div id="logo-name">ZS</div>
        <div id="main"></div>
        <div id="footer"></div>
    </body>
</htmll>

style.css:
body {
    font-family: Arial, Helvetica, sans-serif;
}
#top {
    text-align: center;
}

#logo {
    color: white;
    background-color: blue;
    display: inline-block;
    font-size: 32px;
    font-weight: bold;
    padding: 8px;
    margin-top: 16px;
}
#logo-name {
    font-size: 32px;
    font-weight: bold;
    margin: 16px;
}

Vielen dank schonmal für die Hilfe.
 

alinnert

Mitglied
Es sieht irgendwie so aus, als wolle Luke den Header zentrieren, weil das text-align: center; im #top-Selektor liegt. Das div#top ist allerdings leer. Da ist kein Inhalt drin, der zentriert werden könnte. Du müsstest das div nach allen Elementen, die im Header sein sollen, wieder schließen (nicht vorher). Z. B. so:

HTML:
        <div id="top">
            <div id="logo">FS</div>
            <div id="logo-name">ZS</div>
        </div>
        <div id="main"></div>
        <div id="footer"></div>

Außerdem hat dein <html></html> im Codebeispiel oben jeweils zwei L. Das solltest du auch korrigieren.
 
Oben Unten