Změna CSS za tagem BR

Zdravím,

mám problém a potřeboval bych poradit. Styluji kód, který žádným způsobem nemohu ovlivnit. Vše šlo, až teď jsem se dostal do pasti, kdy potřebuji rozlišit tuto část:

<b>Jak jste byli spokojeni?<br>(zcela nespokojen/a 1 – 7 velmi spokojen/a)</b>

A to tak, aby první řádek byl tučný a druhý ne. Toto konkrétně jsem byl ještě schopen vyřešit za pomoci pseudo elementu :first-line. Nicméně formulář má několik podobných otázek a některé jsou bohužel natolik dlouhé, že jsou samotné na dva řádky a tím se :first-line vztáhne i na ně.

Otázka zní, je nějaká možnost, jak to udělat jinak? Např. využít nějakým způsobem tag br, říct, v rámci CSS, aby bylo vše za br netučné? Případně využít závorek, zase stylem vše mezi závorkami netučně?

Obávám se, že samotné CSS je na tohle krátké. Nejde tam vložit ani javascript?

Lepsi nez davat javascript by bylo lepsi nechat tam dopsat span znacky. Ale asi nelze...

Skús použiť css vlastnosť ::first-line.
Je tam len podmienka, že first-line funguje len na ne-inlinové elementy.

Mne to zafungovalo:

Původně odeslal Matúš Markusek ↪

Skús použiť css vlastnosť ::first-line.

:first-line jsem použil, psal jsem to. Bohužel jakmile je horní řádek delší a zalomí se automaticky (třeba kvůli responzivitě), tak je jedna půlka tučná a druhá nikoliv.

---------- Příspěvek doplněn 21.10.2020 v 09:49 ----------

Původně odeslal Steeta ↪

Obávám se, že samotné CSS je na tohle krátké. Nejde tam vložit ani javascript?

Javascript by měl jít vložit. Nějaký nápad na kód, který by toto vyřešil? Jediná možnost je ho nějakým způsobem vztáhnout na ten BR tag, protože závorky jsou často používány i v nadpisu.

---------- Příspěvek doplněn 21.10.2020 v 17:47 ----------

Tak přišel jsem na to, v javascriptu by mělo fungovat toto:

jQuery('b').each(function (){
jQuery(jQuery(this).prop('firstChild')).wrap('<spa n>');
});

Tak kdyby někdo potřeboval.