HTML 전자 메일 Outlook PC의 이미지/제품 이름 문제

Question

Outlook PC에서 제품 이미지 및 제품 이름을 잘 나타내지 않으려는 문제가 있습니다. Product names next to image

내 질문 - 우리가 예상 한대로 우리가 테스트 한 모든 다른 이메일 클라이언트 간

는 이름은 그러나 전망 PC와 함께 우리는 제품 이름이 같은 이미지 옆 해주지고, 제품 아래에 나타납니다 어떻게 멈추게 할 수 있니? 하하. 나는 우리가하고있는 것을 보여주기 위해 제품 중 하나에 대한 코드를 포함 시켰지만 명백한 이유로 사이트에 대한 링크를 제거했습니다.

<!-- Product 1 --> 
    <td valign="top" align="center" class="product-image-wrapper" style="display: block; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; mso-table-lspace: 0pt; mso-table-rspace: 0pt; font-family: 'Century Gothic', 'MS Serif', 'New York', Tahoma, Arial, Helvetica, 'Open Sans'; width: 25%; padding-bottom: 20px; margin: 0;"> 
     <a href="#" target="_blank" style="-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: 'Century Gothic', 'MS Serif', 'New York', Tahoma, Arial, Helvetica, 'Open Sans'; text-align: center; line-height: 1.3; font-weight: 300; width: 100%; display: block; color: #53565a; text-decoration: none; margin: 0; font-size: 10px;"> 
     <span style="font-family: 'Century Gothic', 'MS Serif', 'New York', Tahoma, Arial, Helvetica, 'Open Sans'; width: 146px; height: 146px; display: block; margin: 0 auto 5px; border: 1px solid #edeeee;"> 
      <img src="http://placehold.it/146" alt="Place Holder Image" width="146" style="display: block; -ms-interpolation-mode: bicubic; height: auto !important; line-height: 100%; outline: none; text-decoration: none; width: 146px; margin: 0 auto; border: 0;" /> 
     </span> 
      First Christmas Personalized Ornament 
     </a> 
    </td> 
<!-- // End Product 1 --> 

나는 텍스트를 무언가에 싸야한다고 생각하지만, 무엇을 어떻게해야할지 모르겠습니다. 그래서 조언이나 조언, 도움을 주시면 감사하겠습니다.

더 이상 내게 필요한 코드가 무엇인지 알려주십시오. HTML 이메일이 인라인됨에 따라 대부분의 스타일링이 일부 모바일 전용 항목 이외에도 가능합니다.

미리 감사드립니다.

Answer 1

span 요소에 "First Christmas Personalized Ornament"텍스트를 넣고 style = "display : block;"을 추가하면 생각합니다. 스팬까지 고정됩니다.

아타 칸.