Heizer: Initial-Buchstabe mit :first-letter

SELF-Forum

Initial-Buchstabe mit :first-letter

Heizer
– Informationen zu den Bewertungsregeln

Liebes Forum

Ich würde gerne in einem Textabsatz mit :first-letter einen großen Initil-Buchstaben an den Anfang setzen. Allerdings sollte dieser nicht nach oben sondern nach unten größer werden.
Der Code sieht momentan so aus:

.geschichte:first-letter {font-size:30px; position:relative; top:20px;}

Allerdings überschneidet sich dann die Initiale mit dem Text der nächsten Zeile. Weiß jemand einen Trick, wie man das verhindern kann?

Zur Verdeutlichung noch etwas ASCII-Art, so sollte es dann aussehen:
_____
  |   est text
  |   noch mehr text
  |   die dritte Zeile
und jetzt nicht mehr eingerückt

vielen Dank

Heizer

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Initial-Buchstabe mit :first-letter

    Stefan Einspender Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo,

    Ich würde gerne in einem Textabsatz mit :first-letter einen großen Initil-Buchstaben an den Anfang setzen. Allerdings sollte dieser nicht nach oben sondern nach unten größer werden.

    p:first-letter {
    float: left;
    font-size: 5000px;
    }

    Viele Grüße,
    Stefan

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Initial-Buchstabe mit :first-letter

      Heizer
      – Informationen zu den Bewertungsregeln

      Hallo,

      Ich würde gerne in einem Textabsatz mit :first-letter einen großen Initil-Buchstaben an den Anfang setzen. Allerdings sollte dieser nicht nach oben sondern nach unten größer werden.

      p:first-letter {
      float: left;
      font-size: 5000px;
      }

      Die Alte Geschichte mit dem Wald und den vielen Bäumen ;-) vielen Dank für die Schnelle Hilfe.

      Heizer

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln