Wie sich text-decoration auf Kindelemente auswirkt

Dieser Absatz wird unterstrichen. Der rote Teil dieses Absatzes steht in einem span mit der Eigenschaft text-decoration: none. Danach geht der Absatz ganz normal weiter. Textumbruch wird durchgeführt, als ob kein span-Element vorhanden sei.

Dieser Absatz wird unterstrichen. Der rote Teil dieses Absatzes steht in einem span mit der Eigenschaft display: block. Danach geht der Absatz ganz normal weiter. Das block-Element steht komplett auf einer eigenen Zeile, aber unterstrichen ist es trotzdem.

Dieser Absatz wird unterstrichen. Der rote Teil dieses Absatzes steht in einem span mit der Eigenschaft display: inline-block. Danach geht der Absatz ganz normal weiter. Das inline-block Element wird auf einer Zeile zusammengehalten. Sofern das inline-Element keinen inneren Umbruch benötigt, bleibt der Text dahinter dann aber wieder normal im Inline-Fluss.