line breaks in mobile responsive templates

[Anonymous]

I used one of the Marketo mobile responsive email templates for a recent trigger campaign (anniversary email). 

I notice that when I view the emails on mobile the copy in the headline will often extend to a second line, with the word at the end of the top line broken up with a hyphen (see "Reliable" copy in bottom half of screen shot below). 

Would appreciate advice ensuring that the copy doesn't wrap like this. 

Thanks!!

Geoff

[Pierce_Ujjainw3]

Hey Geoff,

If you don't want to mess around with HTML and CSS anymore, check out www.knak.io.

Will give you all the code for responsive templates that has been tested in Litmus, and you can just worry about editing it in the Marketo WYSIWYG editor.

[Matt_Stone2 · Accepted solution]

You should be able to control this with the CSS, though it will probably take an effort across different email clients. I'd start here and look at { hyphens: } in particular. https://kenneth.io/blog/2012/03/04/word-wrapping-hypernation-using-css/