Linuchs: CSS-Typografie: Hurenkinder und Schusterjungen bei Zeilenumbruch?

Beitrag lesen

Moin,

meine Liedtexte versehe ich mit Akkorden, so sieht es aus:

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. 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.

.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:    110%;
  z-index:      2;
}

Gruß, Linuchs