Desktop Vs. Resposive Email Sub-Lines

[Anonymous]

Hello All,

I am currently facing a very time consuming issue with creating sublines for my emails.

For my emails, I have two sub lines that sit on top of eachother see example:



Now I have built custom tables with two 2 rows in Marketo at the top of email, built custom tables in DreamWeaver, changed serious snippets of code, and even played with single and double line spacing in Marketo's email tool.

Unfortunately, spacing for my sublines are showing different for emails on mobile and desktop. For example, both sublines may abut eachother on the mobile email version, where as there is majoring spacing on the desktop verson.

I understand this may be do spacing/sizing of the email (responsive). Are there any tricks to fixing this spacing issue?

Thanks,
David

[Anonymous]

Hi David.

I'd use just a single div, p, or span to contain the headline. Then in the style specify the line-height you want to use. Then if you're using a responsive email and you change the headline size at different device widths, just include the new line-height a well.

http://www.w3schools.com/cssref/pr_dim_line-height.asp