HTML: Erzwungenes Leerzeichen einfügen – So gehts!


Wenn du ein Leerzeichen mit HTML erzwingen möchtest, dann kannst du das entweder mit & nbsp; tun. Diese Abkürzung steht für „non breaking space“.

HTML: Leerzeichen erzwingen

So erzwingst du ein Leerzeichen. Im Browser wirst du mit diesem Code erst mal nicht viel sehen. Erst wenn du viele dieser Zeichen hintereinander machst.

Alternativ kannst du anstelle von & nbsp; auch & #160; für jedes erzwungene Leerzeichen schreiben.

 

Beispiel

1 normales Leerzeichen vorneweg
 1 erzwungenes Leerzeichen vorneweg
    4 Leerzeichen
Erzwungene Leerzeichen ohne Umbruch

Ergebnis

So sehen dann deine neuen Leerzeichen aus. Wenn du mehrere Leerzeichen erstellen möchstest, dann machst du einfach mehr Zeichen hintereinander.

1 normales Leerzeichen vorneweg
 1 erzwungenes Leerzeichen vorneweg
    4 Leerzeichen
Erzwungene Leerzeichen ohne Umbruch

Erzwungenes Leerzeichen mit CSS

Auch mit CSS kannst du ein Leerzeichen erzwingen. Das sieht dann so aus.

.erzwungeneleerzeichen {
    white-space:pre;
}

Jetzt HTML lernen

Fazit

Jetzt bist du bestens gerüstet und kannst mit HTML Leerzeichen erzwingen. Mehr musst du an dieser Stelle nicht wissen. Viel Spaß mit HTML

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!

Hat dir der Beitrag gefallen?

Du hast bereits abgestimmt!
    html leerzeichen erzwingen   

Das könnte dich interessieren!




weitere Beiträge zum Thema HTML


PHP: For Loop erstellen – So gehts


HTML/CSS – Mauszeiger Cursor ändern – So gehts


HTML: Marquee Lauftext, Laufschrift erstellen


HTML: klickbare Telefonnummer einfügen


HTML: DIV Container zentrieren: So gehts


WordPress: Besten Restaurant Themes


WordPress Theme herausfinden: So gehts


WordPress: RSS Feed einrichten – So gehts!


WordPress: Memory Limit erhöhen


WordPress: php.ini Datei erstellen


Schreibe einen Kommentar