Zeilenumbruch an der falschen Stelle

[Linuchs]

Moin,

meine Liedtexte enthalten Akkorde (Gitarre, Ukulele) vor manchen Silben. Manche Akkorde stehen am Ende der Zeile und die zugehörige Silbe in der nächsten Zeile, so sieht es aus:

Der HTML-Code:

und kein Glück ver- <span class="taktstrich">|</span> <b><b>C</b></b>säumt.

.akkorde b {
  display:      inline-block;
  position:     relative;
  white-space:  nowrap;
}
.akkorde b b {
  position:     absolute;
  white-space:  nowrap;
  left:         -.5em;
  bottom:       .3em;
  font-family:  monospace;
  font-family:  EuroPlate;
  font-weight:  normal;
  color:        #f00;
  font-size:    80%;
  font-size:    100%;
  z-index:      2;
}

Wenn ich den Akkord „untersuche“, sehe ich das:

Hat Firefox da Zeilenumbrüche eingefügt? Ich kann mir den Zeilenumbruch nach <b><b>C</b></b> nicht erklären.

Gruß, Linuchs