✔ CSS span boxen

[labelstore24]

Hallo leute

ich bekomme es einfach nicht hin aus folgendem HTML im einen Zeilenumbruch bzw. das Wort Text4 unter die anderen Text1 / Text2 / Text3 zu platzieren

<span class="content"><span class="bold_font">Text1</span>Text2<strong>Text3</strong>Text4</span>

 

[SpiceLab]

ich bekomme es einfach nicht hin aus folgendem HTML im einen Zeilenumbruch bzw. das Wort Text4 unter die anderen Text1 / Text2 / Text3 zu platzieren

Wie wäre es mit einem schlichten <br> nach </strong>?
Andernfalls bette Text4 in ein Element (zB <span>) ein, das sich mit CSS entsprechend formatieren lässt (display:block).

[edit]Tipp-Ex[/edit]​

 

[SpiceLab]

Nehme alles zurück - stand wohl gerade wg. parallelem Sportschau/Bundesliga schauen auf der langen Leitung

Das lässt sich natürlich mit CSS lösen, dem Pseudoelement ::after (https://wiki.selfhtml.org/wiki/CSS/Selektoren/Pseudoelement/before,_after) sei Dank

span.content strong::after {
  content:"";
  display:block;
}

Demo: https://jsfiddle.net/spicelab/81po3m6x/

[edit]Tipp-Ex[/edit]​

 

[labelstore24]

Okay danke ;-)

 

[SpiceLab]

Gerne

Es geht auch noch eine Spur eleganter

span.content :last-child::after {
  content:"";
  display:block;
}

https://jsfiddle.net/spicelab/7xya3Ln2/ - ist nicht auf <strong></strong> festgenagelt