Outlook 2013 rendering issue: nested table truncating adjacent text

后端 未结 3 1750
慢半拍i
慢半拍i 2021-02-10 14:02

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

3条回答
  •  无人共我
    2021-02-10 14:59

    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

提交回复
热议问题