Ah ja, Fragmente vom „verflixt noch mal, wie geht das weg“ herumspielen. Danke für den Hinweis (weil: wenn „CSS“ was nicht beachtet, dann fällt das so leicht auch nicht mehr auf).
Und das mit dem Beispiel scheint knifflig zu sein. Vielleicht klappt es so:
<head>
<style>
ul {
display: inline;
padding: 0;
margin: 0;
}
li {
display: inline;
inline-size: 0;
&:not(:last-child)::after {
display: inline;
content: ", ";
}
}
</style>
</head>
<body>
<ul>
<li>Vorne</li>
<li>
<ul>
<li>wir</li>
<li>sind</li>
<li>Mitte</li>
</ul>
</li>
<li>Hinten</li>
</ul>
<hr>
<ul><li>Vorne</li><li><ul><li>wir</li><li>sind</li><li>Mitte</li></ul></li><li>Hinten</li></ul>
</body>
Ja, das geht. Auch wenn der „Effekt“ da nicht sehr aufträgt. Nur das Komma hinter „der Mitte“ fällt da aus dem Rahmen, hängt bei geeigneter Breite am Anfang der folgenden Zeile.