Outlook 2013 rendering issue: nested table truncating adjacent text

后端 未结 3 1955
清酒与你
清酒与你 2021-02-10 13:56

In developing html email newsletters, I often use a structure similar to the following:

3条回答
  •  一整个雨季
    2021-02-10 14:44

    I am not sure what is the problem with Outlook 2013, but you can try to achieve same layout with div structure

    HTML:

    text in the table cell.
    and another line of text.
    and a third line.
    Hello. This is sample text. This is another sentence. Hello. This is sample text. This is another sentence. Hello. This is sample text. This is another sentence.

    CSS:

    .outer {
      width : 50%;
      height : 50%;
      background-color: green;
    }
    
    .first {
      background-color: red;
      float : left;
    }
    
    .second {
      background-color: yellow;
    }
    

    Demo Link

提交回复
热议问题