Page 1 of 1

Überschriffte mit "line break"

Posted: Tue Aug 24, 2021 9:59 am
by Tata
Es geht um folgendes:
1. Überschrifft in 2 Zeilen schreiben.
2. Jede Zeile z.B. mit andere Farbe gestalten.
Etwa:

Code: Select all

<h1>Erste Zeile<br><span class="red">Zweite Zeile</span></h1>

Erste Zeile
Zweite Zeile
Wie geht das?

Re: Überschriffte mit "line break"

Posted: Tue Aug 24, 2021 10:57 am
by frase
Tata wrote:
Tue Aug 24, 2021 9:59 am
Wie geht das?
Das geht genau so, wie du es geschrieben hast.

Re: Überschriffte mit "line break"

Posted: Tue Aug 24, 2021 11:18 am
by cmss
Meintest Du https://codepen.io/team/css-tricks/pen/JdyWPr oder https://codepen.io/team/css-tricks/pen/VLWqPq ?

Man kann dem speziellen h1 auch eine eigene Klasse zuordnen, damit https://developer.mozilla.org/en-US/doc ... tion-break nicht generell auftritt. Für mehrere Farben einfach mehrere <span class="cls1x"> nacheinander