A jQuery plugin for smart line breaking in HTML titles
<h1>
This is your title. You want this text to break nicely in the middle.
</h1>
In Responsive Design, it's not unusual to deal with the problem of how titles break when the screen size shrinks. For instance, the above title might look, on smaller screens, like this:
This is your title. You want this text to break nicely in the
middle.
By using PrettyBreak, you ensure that whenever a title is longer than its container, the text will breake nicely in the middle, resulting in:
This is your title. You want this
text to break nicely in the middle.