Umbruch verhindern

[Gunnar Bittersmann]

@@Rolf B

Whitespace zwischen den Listenelementen und hinter den <li>-Tags sollte unproblematisch sein.

Ja, aber ich würde mich nicht drauf verlassen, dass da Whitespace zwischen den li-Elementen ist. Selbst wenn man in seinem Quelltext welchen hat, könnte ein Minifier den eliminieren.

Also nach dem Komma noch ein Leerzeichen setzen:

ul.inline li:not(:last-of-type)::after {
  content: ", ";
}

Es ginge übrigens auch ohne Verneinung:

ul.inline li:nth-last-of-type(n+2)::after {
  content: ", ";
}

Aber besser lesbar ist das wohl nicht.

🖖 Живіть довго і процвітайте