Cssben hogyan lehet csinálni sortörést?

Ütsz egy entert.

Komolyan: A CSS a tartalom formázására és nem szerkesztésre való. A sortörés szerkesztési művelet és nem formázása (még ha sokan ez használják arra is, hogy függőlegesen szöveget igazítsanak)

A gond az, hogy a css formázásokat elemekhez lehet kötni, azok id-jéhez, vagy class-ához.

Létezik egy "content" attribútum, amivel megadható string tartalom, és ezzel sortörést is lehet generálni, sőt létezik :after vagy :before pseudo element, amivel az adott elem előtti vagy utáni tartalmat lehet formázni.

DE! egy adott elem után vagy előtt sortörést dobni nincs sok értelme, mivel az más módon is elő lehet idézni, nem csak ilyen körülményes módon.

A fent leírt módszerre egy rövid példa:

CSS:

#elem:after {

content: "\A";

white-space: pre;

}

HTML:

<span id="elem">Szöveg</span>Szöveg új sorban

Ami megjelenik (elméletileg):

Szöveg

Szöveg új sorban