Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>The title of the document</title> <style> body { font-size: 0.95em; line-height: 1.5; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } .container { margin: 50px auto; max-width: 700px; } .text { padding: 20px; background-color: #666; color: white; text-align: justify; } .break { word-break: break-all; } strong { background-color: #000; } </style> </head> <body> <h2>Word-break property example</h2> <div class="container"> <h3>Text breaks inside words</h3> <p class="text break"> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem <strong>Ipsum</strong> has been the industry's standard dummy text ever since the 1500s, when an <strong>unknown</strong> printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, <strong>remaining</strong> essentially unchanged. </p> </div> </body> </html>