Email design and alignment and line space look different on HTML email editor preview screen and the actual email the recipient receive

[Jitendra Sarangi]

The email design and alignment and line space look different on their HTML email editor preview screen and the actual email they receive. I am attaching the screen shots of an example.

[Jakub Ś]

The email design and alignment and line space look different on their HTML

This is CSS issue.

Please note that CKEditor uses contents.css file (for iframe editor) or main page CSS file (for inline editor) which isn't transferred when you submit data. Proper solution here is to have same stayle in editor as in target page. If you have some styles assigned to editor content then it is possible that they are not transferred to target page and these lines (p or divs) get browser or email client default style rules which may have margins, paddings etc.

I think the best solution here would be using inline styles (some CSS rules in head section of page e.g. p{margin:0;} or inline styles <p style="margin:0;..." ) for elements in editor. That way you should have consistent email everywhere.