Added overflow-wrap to the content container and all children, this ensures that all text within elements of the .content class, including nested elements. break on the boundary of the container.
Because tables will render based on their content size (and "break" out of the contaier), i've applied word-break: break-all to the cell level and their children. This is used to ensure that even words or strings without breaks can wrap within the confines of table cells, thus maintaining the integrity and layout of table structures.
Changelog
Added
overflow-wrapto the content container and all children, this ensures that all text within elements of the .content class, including nested elements. break on the boundary of the container.Because tables will render based on their content size (and "break" out of the contaier), i've applied
word-break: break-allto the cell level and their children. This is used to ensure that even words or strings without breaks can wrap within the confines of table cells, thus maintaining the integrity and layout of table structures.Rendered Test case
Styling updates, fixes this issue