Code to allow long strings of characters (e.g. urls) to break automatically so they don't overflow their containers?

rebecca_goldswo
Community Novice

Hi folks,

I've been creating some column layout templates for my colleagues that include image and video examples, and their citation details. The layouts have been created using Flex boxes. On the whole, the layouts have worked well, however, I noticed that the urls I've included as part of the citation information under the video/image do not wrap if they're too long for their container; they just go beyond the container. Does anyone know any code that will prevent this? So far, any code I have found that would do the job gets stripped out.Screenshot demonstrating text flowing beyond container