Seite 1 von 1
span erzeugt einen Zeilenumbruch
Verfasst: Mo 11. Sep 2023, 12:45
von stobi_de
Wie kann ich denn verhindern, dass hier ein Zeilenumbruch entsteht?
Mit
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
Re: span erzeugt einen Zeilenumbruch
Verfasst: Mo 11. Sep 2023, 13:11
von 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
<span class="NormSchrift">Die <span style="color: red;">wahre </span>Tanzgruppe</span></h1>
Das sieht dann so aus:
Re: span erzeugt einen Zeilenumbruch
Verfasst: Mo 11. Sep 2023, 17:00
von stobi_de
Das DIV habe ich komplett überlesen....
Sorry!
Re: span erzeugt einen Zeilenumbruch
Verfasst: Mo 11. Sep 2023, 17:03
von 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.