CSS-Typografie: Hurenkinder und Schusterjungen bei Zeilenumbruch?
bearbeitet vonMoin,
meine Liedtexte versehe ich mit Akkorden, so sieht es aus:
[](/images/f043a37e-d241-11ee-a538-9c6b00263d9f.png)
Die Akkorde am Zeilenende sollen auf die nächste Zeile. Der Akkord steckt in einem inline-block, zum nächsten Buchsteben gibt es KEINE Leerstelle, wieso wird da umgebrochen?
Bei Seitenumbrüchen gibt (gab?) es [Hurenkinder und Schusterjungen](https://de.wikipedia.org/wiki/Hurenkind_und_Schusterjunge). Gibt es sowas für Zeilenumbrüche auch?
HTML:
bald sind wir ein <b><b class="cur_pointer" onclick="akkorde.src='mp3/akkord_g_dur.mp3';akkorde.play();">G</b></b>Pärchen, / komm und **lass mich nie a-<b><b class="cur_pointer" onclick="akkorde.src='mp3/akkord_d_dur.mp3';akkorde.play();">D</b></b>lleine,** oh no, no, no, no, <b><b class="cur_pointer" onclick="akkorde.src='mp3/akkord_g_dur.mp3';akkorde.play();">G</b></b>no.
~~~css
.akkorde b {
display: inline-block;
position: relative;
white-space: nowrap;
}
.akkorde b b {
position: absolute;
left: -.5em;
bottom: .3em;
font-family: sans-serif;
color: #f00;
font-size: 80%;
z-index: 2;
}
~~~
Gruß, Linuchs