Lucas: text-indent ohne <p> bzw. ohne Zeilenabstand

Hallo,

ich möchte einen Text ähnlich wie in Drehbüchern von Theaterstücken jeweils pro Absatz erneut ein wenig einrücken, sodass folgendes Textbild entsteht:

xxxxxxxxxxxxxxxxxxxxx
  xxxxxxxxxxxxxxxxxxx<br>
xxxxxxxxxxxxxxxxxxxxx
  xxxxxxxxxxxxxxxxxxx
  xxxxxxxxx          <br>
xxxxxxxxxxxxxxx      <br>
xxxxxxxxxxxxxxxxxxxxx
  xxxxxxxxxxx

Dazu habe ich jeden Absatz als <p> mit gewissem text-indent definiert. Soweit klappt das auch ganz gut, allerdings entsteht durch die Verwendung der <p>-Absätze jedes Mal eine Leerzeile zwischen den Absätzen.

Diese Leerzeile möchte ich aber vermeiden. Wie mache ich das?

Es wäre schön, wenn mir jemand helfen könnte!

Vielen Dank schon im Voraus, Lucas

  1. Hi Lucas,

    Dazu habe ich jeden Absatz als <p> mit gewissem text-indent definiert. Soweit klappt das auch ganz gut, allerdings entsteht durch die Verwendung der <p>-Absätze jedes Mal eine Leerzeile zwischen den Absätzen.

    Diese Leerzeile möchte ich aber vermeiden. Wie mache ich das?

    p { margin-top:0 }

    Grüße,
     Roland

    1. p { margin-top:0 }

      Das hat in der Form keinerlei Wirkung gezeigt.

      Folgendes funktioniert aber:

      p { margin:0px }

      Dadurch wäre wohl mein Problem gelöst!

      Danke, Orlando

      1. Lucas,

        p { margin-top:0 }

        Das hat in der Form keinerlei Wirkung gezeigt.

        Ja, weil Browser für margin-bottom evtl. auch eine von 0 verschiedene Voreinstellung haben.

        p { margin:0px }

        Ja, weil du damit margin-bottom auf auch 0 setzt, wie auch margin-left und margin-right.

        Gunnar

        --
        „Solang wir noch tanzen können
        und richtig echte Tränen flennen,
        ist noch alles offen,
        ist noch alles drin.“
        (Gundermann)