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: [](/images/f62d3bda-7438-11ef-8c75-9c6b00263d9f.png) Der HTML-Code: ~~~html und kein Glück ver- <span class="taktstrich">|</span> <b><b>C</b></b>säumt. ~~~ ~~~css .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: [](/images/909b0a0c-743a-11ef-8ac5-9c6b00263d9f.png) Hat Firefox da Zeilenumbrüche eingefügt? Ich kann mir den Zeilenumbruch nach `<b><b>C</b></b>` nicht erklären. Gruß, 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: [](/images/f62d3bda-7438-11ef-8c75-9c6b00263d9f.png) Der HTML-Code: ~~~htm und kein Glück ver- <span class="taktstrich">|</span> <b><b>C</b></b>säumt. ~~~ ~~~css .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: [](/images/909b0a0c-743a-11ef-8ac5-9c6b00263d9f.png) Hat Firefox da Zeilenumbrüche eingefügt? Ich kann mir den Zeilenumbruch nach `<b><b>C</b></b>` nicht erklären. Gruß, Linuchs