Overflow Wrap Lab
Medium
17
1
42.6% Acceptance
In this lab, you will practice using the overflow-wrap property in CSS. HTML content continues beyond the width of the element, and in some cases, this could lead to horizontal scrolling or broken layouts.
The overflow-wrap
CSS property helps to fix this issue for long words by breaking them if the word width is greater than the container width.
There are two main properties: normal
and break-word
. Normal, being the default value, does not change the default layout wrapping behavior. Break-word lets the words wrap or break into multiple lines within the element.