HTML: Zentrieren – So Einfach Funktioniert Das Ausrichten

• Tests & Ratgeber

  • Handys

  • Xiaomi-News

    Anzeige

  • Fernseher

  • Notebooks

  • PC & Hardware

  • DSL & WLAN

  • VPN

  • DSL-Speedtest

  • Tablets

  • Software

  • Downloads

  • Streaming

  • Sicherheit

  • Haus & Garten

  • Küche

  • Finanzen

  • Tarife

  • New Mobility

  • So testet COMPUTER BILD

• Bestenlisten

  • Alle Bestenlisten

  • Antivirenprogramm-Test

  • VPN-Test

  • Drucker-Test

  • Desktop-PC-Test

  • Laptop-Test

  • Macbook-Test

  • Smartphone-Test

  • iPhone-Test

  • Akkustaubsauger-Test

  • Kopfhörer-Test

• News-IconNews
• Aktionen

  • Abo & Shop

  • Newsletter

  • Top-Deals

  • Adventskalender

  • Handytarifrechner

  • Sicherheits-Center

  • Nachhaltigkeit

  • Digital Lifestyle

  • Shark

    Anzeige

  • Xiaomi-News

    Anzeige

  • Gutscheine

  • Browsergames

  • Online-Casinos

    Anzeige

  • Online-Slots

    Anzeige

  • Kreditkarten

  • Lotto

• Club

  • CLUB kostenlos testen

  • Kaufberatung

  • E-Paper

  • Gewinnspiele & Events

  • VIP-Angebote & Rabatte

  • Rätselspaß

  • Vorteilcenter

• Home
• Tests & Ratgeber
• Internet
• Tipps

Per HTML Elemente zentrieren

HTML: Zentrieren – so einfach funktioniert das AusrichtenTexte und Elemente können noch im HTML zentriert werden. Foto: iStock.com/paulwongkwan

25.10.2021, 15:10 Uhr

COMPUTER BILD Tippcenter

Die Möglichkeiten Webelemente per HTML zu zentrieren, sind ziemlich begrenzt. Mittels CSS (Cascading Style Sheets) haben Sie aber noch weitere Optionen, um Text und andere Inhalte zu zentrieren.

Auslaufmodell: Zentrieren mit HTML

Mit drei einfachen Befehlen können Sie Inhalte in HTML zentrieren. Auch wenn das Feature noch funktioniert, ist es jedoch ein Ausläufer und wird schon bald nicht mehr in aktuellen Browserversionen unterstützt.

1. <center> Ihr Text </center> - Mit diesem simplen Befehl zentrieren Sie Text oder andere beliebige Inhalte. Allerdings wird der Befehl in der aktuellen HTML 5 Version nicht mehr unterstützt.
2. <p style=“text-align: center“> Ihr Text </p> - Hierbei handelt es sich nicht um einen HTML-Befehl, sondern um einen CSS-Befehl.
3. <p align=“center“> Ihr Text </p> - Dieser Befehl ist im Gegensatz zum vorherigen wieder ein reiner HTML-Befehl und zentriert Ihren Text.

Neben den genannten Befehlen gibt es auch noch weitere Möglichkeiten, Inhalte in HTML zu zentrieren. Reichen Ihnen die Funktionen in HTML nicht, können Sie zusätzlich CSS nutzen, um Ihre Webseite zu stylen. Zudem bieten viele Content-Management-Systeme und Baukästen ebenfalls grafische Oberflächen, die Ihnen das Zentrieren von Elementen erleichtern.

Behalten Sie die Übersicht: Nutzen Sie einen HTML-Editor

Nutzen Sie einen HTML-Editor, haben Sie oftmals die Möglichkeit, eine Vorschau der Webseite zu erstellen. So können Sie schnell überprüfen, ob die Ausrichtung, die Sie vorgenommen haben, wie gewollt funktioniert. Außerdem wird der Code in HTML-Editoren dank Syntax-Highlighting übersichtlicher dargestellt. Das ist vor allem bei großen Dateien hilfreich.Bestenlisten

• Laptops im Test
• WLAN-Router im Test
• Smartphones im Test
• 55-Zoll Fernseher im Test
• Akku-Staubsauger im Test

Bestenlisten

• Wischroboter im Test
• 17-Zoll-Laptop im Test
• 65-Zoll-Fernseher im Test
• Tintentank-Drucker im Test
• Smartwatches im Test 

Bestenlisten

• Saug-Wisch-Roboter im Test
• Multifunktionsdrucker im Test
• Mähroboter im Test
• Laptops im Test
• WLAN-Verstärker im Test

Vergleiche & Kaufberater

• Browsergames Vergleich
• Tagesgeld Vergleich
• Kreditkarten Vergleich
• Balkonkraftwerke
• Kaufberater

NewsletterFolgenFacebook-IconThreads-IconRSS-IconInstagram-IconYouTube-Icon

• Kontakt
• Jobs
• Impressum
• AGB
• Widerrufsbelehrung
• Widerruf Nutzerkennungen
• Utiq verwalten
• Datenschutz
• Privacy-Manager
• Barrierefreiheit
• Widerruf Tracking und Cookies
• Jugendschutz
• Transparenz
• Verantwortung
• Media
• Einfach werben auf COMPUTER BILD
• So testet COMPUTER BILD
• Bildnachweise