Öncelikle <span> İçini Alt Satıra Nasıl İndirebilirim?

İlgili yazılar diye bir buton yaptım ancak mobil'de öncelikle ekran daraldıkça başlığın son kelimesinden başlayarak değil önce <span></span> içerisindeki başlığın kendisinin alt satıra inmesini istiyorum, bunu nasıl yaparım?

Kod şu şekilde;

<span class="dm-related-buton-right">Detaylı Bilgi: <strong>Exotic Shorthair Kedi Cinsi Özellikleri ve Bakımı</strong></span>

Şu an ki halinin ekran görüntüsü: https://prnt.sc/stk6k1
İstediğim halini şu şekildeİ: https://prnt.sc/stk6xu

<br> eklenmiş gibi etki yaratacak CSS kodu işini görür. @media kullanmayı biliyorum.

Tabi ekran daha da daralırsa şöyle olacak: https://prnt.sc/stk7es

</br> bu kodla

Hocam konuda bende bahsetmiştim "<br> gibi ama css ile olmalı" diye. Mobil'de kullanmak istiyorum html içerisine <br> verirsem masa üstünde de alt satıra inmiş olacak.

.clear {
clear: both;
}

mobil css inde aşağıdaki kodu yazabilirsin.

span.dm-related-buton-right  {
display:flex;
flex-direction:column;
}