I’m trying to make the full name of the games wrap to the next line instead of breaking the line in the middle
I’m using Bootstraps library of code and my own CSS to make an introduction website for my portfoil.

I don’t speak english fluidly, so when I try asking google for what to do, I just can`t find the answer.

<p> I am Anabelle Rosseto, a games and websites programmer! I love games such as <a class="text-danger fw-semibold text-decoration-none" href="https://pt.wikipedia.org/wiki/Super_Mario_Bros._3" target="_blank">Super Mario Bros. 3</a>, <a class="text-violet fw-semibold text-decoration-none text-break" href="https://pt.wikipedia.org/wiki/The_World_Ends_with_You" target="_blank">The World Ends With You</a>, and <a class="fw-semibold text-decoration-none" href="">Donkey Kong Coutry TF</a></p>

Ive tried text break, ive tried to overflow only the link part, none of it worked. I were expecting the full title of the game to wrap to the next line instead of breaking the line in the middle of it. Should I make my own Javascript for this? If there was one way to make the code treat a string of words as just one word, I`d feel greatly relieved.