oxo888oxo: Mittige Ausrichtung ... ich hab da ein Problem

Beitrag lesen

SELF-Forum

Mittige Ausrichtung ... ich hab da ein Problem

oxo888oxo
– Informationen zu den Bewertungsregeln

Hallo

Ich habe da ein kleines Problem mit mittiger Ausrichtung mittels CSS.
Unten der Code dazu.
Die ersten beiden Zeilen mit "XXXXXXXXXXXXXX" sind ja zentriert, so wie ich es haben möchte.
Die untere dritte Zeilen mit "XXXXXXXXXXXXXX" ist nicht zentriert.
Ich habe dieser Zeile eine Breite von 300 Pixeln gegeben.
Dadurch rutscht sie nach links.
Aber ich verstehe nicht so recht warum.
Sollte nicht durch das "text-align: center;" für div.Kopf alles darin mittig ausgerichtet sein?

Gruß
Ingo

<!DOCTYPE html>  
  
  <head>  
  
<style>  
  html {  
    height:101%;  /* -- Vertikale Scroll-Leiste bei Gecko's erwingen -- */  
  }  
  
  body {  
    width: 510px;  
    margin: 0 auto;  
  }  
  
  div#Inhalt div.Kopf {  
    border: 1px solid #313131;  
    text-align: center;  
    }  
</style>  
  
    <meta name="viewport" content="width=device-width, initial-scale=1">  
    <title>Trallalla</title>  
  </head>  
  
  <body>  
  
    <div id="Inhalt">  
  
      <div class="Kopf">  
      <p>XXXXXXXXXXXXXX</p>  
      <p>XXXXXXXXXXXXXX</p>  
      <p style="width: 300px;">XXXXXXXXXXXXXX</p>  
      </div>  
  
    </div>  
  
  </body>  
  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln