Metni sayfaya sığdırma

Merhaba arkadaşlar, sorunum çok basit; sitemin mobil temasında beli bir karakterden sonra yazı sağa doğru taşıyor bu da temayı bozuyor. Bunu nasık engelleyebiliriz ?

CSS ile yazıyı bitirip sonuna üç nokta koyabilirsin ancak tam olarak nasıl bir şey istiyorsun anlamadım. Sorunun ekran görüntüsünü çekip koyabilir misin?

Sorun tam olarak şu

Hocam yazıya "width:" verip yazının alt satrıma geçmesini sağlayabilirsin ya da yine yazıya genişlik verip, taşan kısmı kesip oraya "..." koyabilirsin.

Yazıp kaç pixelden sonra bozuluyorsa (max-width: 480px) alanına onu yaz ve o beyaz alanın genişliğini bulup sınıf içerisinde ki genişliğe yaz

@media (max-width: 480px) {
    .yazinin-sinifi-veya-kimligi {
        width: 300px;
    }
}

biraz css bilgin varsa, ne dediğimi anlamışsındır

eğer yazıyı ... (üç nokta) ile sonlandırmak istiyorsanız

@media (max-width: 480px) {
    .yazinin-sinifi-veya-kimligi {
        width: 300px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
}

yukarıda ki parçacığı kullanabilirsiniz, eğer yine sorunu çözemiyorsanız sayfa bağlantısını buradan paylaşın tam olarak gerekli kodu vereyim

<span style="font-size:21px;">5.gearandtoneguitarlessoninthestyleofs lash.mp4</span>

alanına word-wrap: break-word; ekleyin.

yani

<span style="font-size:21px; word-wrap: break-word;">5.gearandtoneguitarlessoninthestyleofslash. mp4</span>

olacak