text-zentrieren-htmlWenn du einen Text in HTML zentrieren möchtest, dann geht das schnell und unkompliziert. In diesem Beitrag zeige ich dir ein paar Beispiele mit Code wie du deinen Text  zentrieren kannst.

1.Text zentrieren

  • align-center:   Zentriert
  • align:left:         Linksbündig
  • align:right:      Rechtsbündig

mit diesem CSS Befehl kannst du einen Text schnell zentrieren. Dies funktioniert auch in einem div Container.

1
<span style="text-align: center;">Dies ist ein zentrierter Text</span>

Text in einem Container zentrieren

genauso geht es auch in einem Div Container

1
<div style="text-align: center;">Zentrierter Text in einem Container</div>

2.<center> Tag

Ebenfalls kannst du auch mit den center Tag arbeiten. Inhalt in diesem Tag wird ebenfalls von Html zentriert.

1
<center>Dieser Text ist auch zentriert</center>

 

Es gibt mehrer Möglichkeiten den Text mit reinem HTML oder mit CSS zu zentrieren. Der schönere Weg ist jedoch immer mit CSS den Text zu zentrieren. Aber welche Lösung dir am besten gefällt die darfst du natürlich benutzen.

Viel Erfolg.