X
Home
Topics
Control Panels
Hosting
Linux & Serverless
WordPress
PHP
Javascript
React & React Native
CSS (& HTML)
Node.js
SQL & No SQL
Miscellaneous
About
Contact
Resources
Archive

How to Solve Word Break and Word Wrap Problems in CSS

You can place the following CSS properties on the “grandparent” elements of the offending text. You’d see this structure:

.grandparent {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
}

This page had ALL the answers for me:
https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/