CSS Word Wrap
The CSS word-wrap property is used to break long words and move them to the
next line. It helps prevent overflow when a long, unbreakable word doesn't fit
within the container.
CSS Word Wrap Values
CSS Word Wrap Example
<!DOCTYPE html>
<html>
<head>
<style>
p.break-word {
width: 11em;
background-color: #00ffff;
border: 1px solid #000000;
padding: 10px;
word-wrap: break-word;
}
</style>
</head>
<body>
<p class="break-word">
In this paragraph, there is a very long word:
iamsooooooooooooooooooooooooooooooolongggggggggggggggg. The long word will break and wrap to the next line.
</p>
</body>
</html>
Output
.png)
