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;
}
Themen: TYPO3-Web-Design, TYPO3-Optimierung, CMS-Homepages gestalten, TYPO3-Internetseiten erstellen, Website-Programmierung, Mittig im DIV-Block.