Stop heading starting a new line

I’m trying to make it so that my heading doesn’t break down a line, but still conforms to the width of the div. This is what it’s looking like at the moment:

Hello! This is a heading to a
blog post.

But I’d rather it break the sentence off and have “…” at the end instead. So it would look more like this:

Hello! This is a heading to…

Is there a way of doing this using the tools provided?