HTML: Text zentrieren: So gehts!

veröffentlicht am: 8. November 2020

Wenn 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.

Inhaltsverzeichnis

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.

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

Text in einem Container zentrieren

genauso geht es auch in einem Div Container

<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.

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

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.

Weitere Beiträge zu HTML

Domi

Hi ich bin’s Dominik. Auf Blogseite.com findest du alles was mich interessiert. Mag Games, liebe SEO, programmiere gerne und möchte dir mit verschiedenen Themen die mich begeistern einen Mehrwert liefern. Viel Spaß auf meiner Seite

Hi !, Wohin möchtest du?

HTML Themen

Scripts

Schrift & Text

Farben

Link

Bilder

Elemente

Video

Weiterleitung

Icons

Audio

Layout

HTML: Text zentrieren: So gehts!

1.Text zentrieren

Text in einem Container zentrieren

2.<center> Tag

Weitere Beiträge zu HTML

Das könnte dich interessieren!

Weitere Kategorien