What are the best practices for dealing with desired line breaks in responsive web design?

I design a great deal of simple single page web items for sales or email. I often find I run into issues with headlines and my desired line breaks at different media widths.

For example, I could have a headline such as "Our New thingamabob is the best thing since sliced bread!"

At full web size I'd like to break the line after "thingamabob" and after "thing". Creating three lines.

However, for a screen with less width I'd break after "new", after "thingamabob", after "best", and after "since". Creating four lines.

I really don't want to use break tags.

What's the best way to control line breaks without hard coding them into the html?