// html
<a href="" class="break-word">کلمه طولانیییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییییی</a>


// css
.break-word {
    display: block;  // برای لینک ها کاربرد داره
    word-break: break-all; // کلمه های طولانی رو میشکنه به چند تا خط
    width: 11em;  //  اختیاریه میشه تنظیمش کنین و یا اینکه تنظیمش نکنین و براساس عرض والد خودش تنظیم بشه.
}

// خروجی

// کلمه
//طولانییییییییییییییییییییییییییییییییییییی
//ییییییییییییییییییییییییییییییییییییییییی
//یییییییییییییییییییییییییی