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;"を追加すると思います。スパンには固定されます。

アタカン。