Frage zum Wiki-Artikel „Whitespace“

[Gunnar Bittersmann]

@@nix

ul.inline li {
	display: inline;
	inline-size: fit-content;
	padding: 0;
	margin: 0;
	&:not(:last-child):after {
		display: inline;
		content: ",";
		margin-inline-end: 0.75ch;
	}
}

Du kannst bei ul.inline li sowohl inline-size: fit-content als auch padding: 0 als auch margin: 0 weglassen, da Defaultwerte bzw. keine Wirkung. Ebenso display: inline bei &:not(:last-child)::after.

Dort solltest du aber noch einen Doppelpunkt spendieren: ::after – zur Unterscheidung von Pseudoelement und Pseudoklasse.

Damit wird dann, wenn es einen Umbruch gibt, aus „Aha?, 1, 2“ ein (hier wegen der Sichtbarkeit etwas übertrieben) „Aha?, 1      , 2“.

Wird es das? Ich kann das nicht nachvollziehen. Beispiel

Und könntest du bitte selbst jeweils Online-Beispiele für deine Probleme erstellen? Danke.

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