Html email looking different in Gmail app

Question

I\'m not really used to making html emails. Of course I have to start out making a responsive one in basically two versions of the same email. When I thought I had it done f

Answer 1

When you use align="left" on the tables, it is like floating left in CSS. This is what Gmail is doing, it is floating your text table, causing it to overflow (pop down) below your image table.

If you want your text within the tables to align, put it in the within those tables instead.

Update:

For responsive in html email, try using the display:block; toggle technique:

  



  

    

      

         
      
      

        Text here...
      
    
  

This will be ignored by Gmail as it strips the style tag, leaving the default non-responsive layout.