<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>CSS3 word-break Property</title> <style> p.line1 { width: 170px; padding: 20px; background: yellow; word-break: break-all; } p.line2 { width: 170px; padding: 15px; background: skyblue; word-break: keep-all; } </style> </head> <body> <p class="line1">This is a paragraph .</p> <p class="line2">This is a second paragraph.</p> </body> </html>