Mittige Darstellung in einem DIV-Blockelement

DIV-Elemente werden standardmäßig als Blockelemente und damit zeilenweise dargestellt.Möchten Sie in einem DIV-Element Texte mittig bzw. zentriert ausgeben, gibt es folgende Möglichkeiten:

#h-mittig {
     width: 860px;
     margin-left:auto;
     margin-right:auto;
}

Statt margin-left und -right ist margin: 0 auto; möglich. Allerdings soll die allgemeine Margin-Anweisung nicht von allen Browsern gleichermaßen korrekt umgesetzt werden.

Möchten Sie Texte vertikal zentrieren, eigenen sich folgende Anweisungen:

#v-mittig {
    height: 30px;
    line-height: 30px;
    width: 100px;
    font-size: 10px;
    text-align: center;
}