<html>
<head> <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"> <title>test</title> <style> .wrap { text-wrap: wrap; } .nowrap { text-wrap: nowrap; } .balance { text-wrap: balance; } h2 { font-size: 2rem; font-family: sans-serif; } </style> </head> <body style="background-color: rgb(255, 255, 255);" > <h2 class="wrap" contenteditable="true"> The default behavior; the text in the heading wraps "normally" </h2> <h2 class="nowrap" contenteditable="true"> In this case the text in the heading doesn't wrap, and overflows the container </h2> <h2 class="balance" contenteditable="true"> In this case the text in the heading is nicely balanced across lines </h2> </body> </html> |