Spationieren in HTML (Telefonnummern)
HTML Goodies, Typografie & Schrift
Spationieren in HTML: Wer auch auf seiner Webseite auf die richtige Anwendung von Typografie nicht verzichten möchte kann durch folgendes Beispiel sogar auf einer Webseite Telefonnummern richtig spationieren.
Normalerweise ist es in HTML leider nur möglich Telefonummern durch ein Leerzeichen zu spationieren.
Beispiel: +49 0361 / 500 500 600 oder +49 0361 / 66 66 66
Durch eine eher unkonventionelle Methode könnt ihr aber richtig spationieren indem ihr dem Leerzeichen zwischen den Ziffern eine kleinere Schriftgröße verpasst. Zum Beispiel mit einem Sytle-Attribut in einem span-tag. So kann man es umsetzen:
Code:
<span style="font-size:5px"> </span>
Beispiel richtig: Mit einem Leerzeichen aus einer kleineren Schriftgröße getrennt
+49 0361 / 500 500 600
Beispiel falsch: Mit normalen Leerzeichen getrennt
+49 0361 / 500 500 600
Code:
+49<span style="font-size:5px"> </span>0361 / 500<span style="font-size:5px"> </span>500<span style="font-size:5px"> </span>600
Natürlich könnte man statt dieser Methode auch ein transparentes GIF als Freiraum benutzen (halb so breit wie ein Leerzeichen).
Ähnliche Artikel
Artikel bookmarken
Interessant was alles so möglich ist. Darauf muss man erst mal kommen.