<!DOCTYPE html> <html lang="en"> <head> <title> CSS Word Wrap </title> <meta charset="UTF-8"> <style> .test { width: 15em; background-color: #99d867bd; border: 1px solid red; padding:10px; word-wrap: break-word; } </style> </head> <body> <p class="test"> In this paragraph, there is a very long word: iamsooooooooooooooooooooooooooooooolongggggggggggggggg.The long word will break and wrap to the next line.</p> </body> </html>
