CSS - Sığmayan yazı için hangi kodu kullanmalıyım?

Resimdeki gibi uzun yazı olunca resmin üstüne çıkıyor. hangi kodu kullanmam gerekli ?

Görseldeki yazının resmin üzerine gitmesini engellemek için CSS'de overflow özelliğini kullanabilirsiniz. Bu özellik, içeriğin sınırlarını aşması durumunda nasıl davranılacağını belirler. Eğer yazının taşmasını istemiyorsanız, overflow: hidden; kullanabilirsiniz. Bu, fazla gelen içeriğin gizlenmesini sağlar.
İşte bu durum için kullanabileceğiniz bir CSS kodu örneği:

Bu kodu kullanarak, yazı kutunun dışına çıkmadan üç nokta ile kısaltılacak. Eğer kutunun belirli bir genişliği varsa ve yazının tamamını göstermek istiyorsanız, text-overflow: ellipsis; satırını çıkarabilirsiniz. Bu durumda, yazı kutunun genişliğine sığdırılacak ve fazlası gösterilmeyecek.


Hocam net bilmemek ile birlikte yapay zeka üzerinden böyle bir yanıt aldım deneyebilirsiniz.

1. Flexbox kullan
2. Satır sınırlama kullan. https://barisdogansutcu.com/css-ile-satir-sinirlama/

Bu hatayı alıyorsan %100 Flex kullanmamışsındır ve bir yerde absolute vardır.