Gunnar Bittersmann: semantische Verwendung von br

Beitrag lesen

@@Rolf B

Ist in der Mache...

https://drafts.csswg.org/css-text-3/#valdef-text-indent-each-line

Ah, danke, kannte ich noch nicht.

Dumm nur, dass das noch kein Browser unterstützt (außer Chrome eines experimentierfreudigen Besitzers).

p.poem {
   white-space: pre-wrap;
   padding-left: 3em;
   text-indent: -2em each-line;
}

Nö, dann nicht mit padding und negativem text-indent, sondern positivem ergänzt um das Schlüsselwort hanging.

p.poem
{
   white-space: pre-wrap;
   text-indent: 2em hanging each-line;
}

Beispiel (in Chrome; Experimental Web Platform features flag setzen)

LLAP 🖖

--
„Wer durch Wissen und Erfahrung der Klügere ist, der sollte nicht nachgeben. Und nicht aufgeben.“ —Kurt Weidemann
0 43

semantische Verwendung von br

Camping_RIDER
  • barrierefreiheit
  • html
  • semantik
  1. 0
    Rolf B
    1. 0

      Auszeichnung von Gedichten mit <br> oder <line>-Element?

      Matthias Scharwies
    2. 0
      Camping_RIDER
      1. 0
        Matthias Apsel
        1. 0
          Matthias Apsel
          • selfhtml-wiki
          • semantik
          1. 0
            Camping_RIDER
            1. 0
              Matthias Apsel
              1. 0
                Camping_RIDER
                1. 0
                  Matthias Apsel
                  1. 0
                    Camping_RIDER
              2. 0
                Camping_RIDER
                1. 0

                  Wunschdenken - weg mit br

                  Camping_RIDER
                2. 0

                  semantische Verwendung - und trotzdem nix für Screenreader

                  Camping_RIDER
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      Camping_RIDER
                      1. 0
                        Gunnar Bittersmann
                3. 0

                  ...und es geht doch!

                  Camping_RIDER
                  1. 0
                    Gunnar Bittersmann
                    1. 0
                      Camping_RIDER
                      1. 0
                        Gunnar Bittersmann
                  2. 0
                    Matthias Apsel
                    1. 0
                      Camping_RIDER
                      1. 0
                        Matthias Apsel
                    2. 0
                      Gunnar Bittersmann
                      1. 0
                        Matthias Apsel
                        1. 0
                          Gunnar Bittersmann
                          1. 0
                            Matthias Apsel
          2. 0
            beatovich
            1. 0
              Matthias Apsel
              1. 0
                beatovich
                1. 0
                  Matthias Apsel
                  1. 0
                    beatovich
      2. 1
        Gunnar Bittersmann
        • html
        • semantik
    3. 0
      Gunnar Bittersmann
      • css
      • html
      1. 0
        Rolf B
        1. 0
          Gunnar Bittersmann
          1. 0
            Rolf B
  2. 0
    Gunnar Bittersmann
  3. 0

    Web Components

    Matthias Scharwies
    1. 0
      Gunnar Bittersmann
      1. 0
        Matthias Scharwies
        1. 0
          1unitedpower