span erzeugt einen Zeilenumbruch

[stobi_de]

Wie kann ich denn verhindern, dass hier ein Zeilenumbruch entsteht?
Mit

Code: Alles auswählen

span {
  white-space: nowrap;
}

klappt das nicht.

Code: Alles auswählen

<h1 class="mbr-section-title mbr-fonts-style mbr-bold" mbr-theme-style="display-1" mbr-if="showTitle" data-app-selector=".mbr-section-title, .arrow__btn">Die Raketen<div><span class="NormSchrift">Die <span class="d-none d-md-block">wahre </span>Tanzgruppe</span></div></h1>

=======
Habs schon: display: inline-flex

[Tommy Herrmann]

Du hast da ein <div> im H-Tag. Das <div> erzeugt den Umbruch - nicht das <span> Tag. Ein <div> hat in einem Text-Tag nichts zu suchen.

So wäre es in etwa (habe zur Anzeige Code etwas angepasst) richtig:

Code: Alles auswählen

<h1 class="mbr-section-title mbr-fonts-style mbr-bold" mbr-theme-style="display-5"
 data-app-selector=".mbr-section-title, .arrow__btn">Die Raketen&nbsp;
 <span class="NormSchrift">Die&nbsp;<span style="color: red;">wahre&nbsp;</span>Tanzgruppe</span></h1>

Das sieht dann so aus:

[stobi_de]

Das DIV habe ich komplett überlesen....
Sorry!

[Tommy Herrmann]

das ist mir schon gefühlte Hundert Mal passiert

Der Sinn eines <span> Tags </span> ist es ja eben einen Bereich innerhalb eines fließenden Textes zu erhalten, den man anders gestalten kann. Da darf es keinen Umbruch geben.

Eigentlich sollte der "Code Editor" das als Fehler gar nicht annehmen (Bug), beim <p> Tag tut der das auch nicht.