HTML: Text zentrieren: So gehts!

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
smileys
text-zentrieren-html

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.

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

HTML: Text in Zwischenablage kopieren – So gehts
HTML: Grundgerüst – Webseite erstellen
HTML: Textarea erstellen – So gehts
PHP in HTML einfügen – So gehts!
HTML: Rahmen um Text – So gehts

HTML Datei öffnen – Kostenloser Editor 2021
HTML: Anker erstellen – So wirds gemacht!
HTML: 302 Redirect – So einfach gehts!
HTML: URL Parameter Erklärung
HTML: Bild einfügen – So gehts!

Jquery in HTML einbinden : So wirds gemacht!
HTML: Zurück Button & Link erstellen: So gehts!
HTML: Versteckter und Unsichtbarer Text : So gehs
HTML: Großbuchstaben schreiben: So gehts!
HTML: Icons einfügen: So gehts!

HTML: iFrame in Webseite einbinden – So gehts!
HTML: Liste erstellen – So gehts!
HTML: Erzwungenes Leerzeichen einfügen – So gehts!
CSS in HTML einbinden – So gehts!
HTML: Leerzeichen erstellen – So einfach gehts!

HTML: Auskommentieren – So gehts!
HTML: Bild zentrieren und mittig ausrichten
HTML: Fett schreiben – So einfach gehts!
HTML Text ausrichten: rechtsbündig & linksbündig
HTML: Zeilenabstand einstellen – So gehts!

HTML: Trennlinie einfügen – So gehts!
HTML: Absatz einfügen – So gehts!
HTML: Horizontale Linie – So gehts
HTML: Tabellen erstellen – So gehts!
HTML: Datum & Uhrzeit anzeigen – So gehts!


Das könnte dich interessieren!


Weitere Kategorien






Kommentare sind geschlossen.



21510