Overflow Wrap Lab

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.