何が起こっているのか困惑しているので、SOが助けてくれるかもしれないと考えました。私は HTML メールを持っていますが、いくつかの箇条書きを除いてすべて問題ないように見えます。
Outlook、AOL、GMail では次のように表示されます。
Yahoo での表示は次のとおりです。
更新しましたタグにtext-align
値を
追加しましたが、結果は同じままです。<p>
これが私のコードです:
<table>
<tbody>
<tr>
<td width="16" align="left" valign="top">
<img src="images/spacer.gif" style="outline: none; border: none;" alt=" " width="16" height="5" />
</td>
<td width="10" align="right" valign="top" style="color: #231F20;">
<p style="margin: -20px 0px 10px 0px; font-size: 11px; color: #231F20; text-align:right;">*</p>
</td>
<td width="492" align="left" valign="top" style="color: #231F20; font-size: 12px; padding-bottom: 4px;">
<p style="margin: -20px 0px 10px 0px; font-size: 11px; text-align:left;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</p>
</td>
</tr>
<tr>
<td width="16" align="left" valign="top">
<img src="images/spacer.gif" style="outline: none; border: none;" alt=" " width="16" height="5" />
</td>
<td width="10" align="right" valign="top" style="color: #231F20;">
<p style="margin: 0px 0px 0px 0px; font-size: 11px; color: #231F20; text-align:right;"><sup>†</sup></p>
</td>
<td width="492" align="left" valign="top" style="color: #231F20; font-size: 12px; padding-bottom: 4px;">
<p style="margin: 0px 0px 0px 0px; font-size: 11px; text-align:left;;">
Pellentesque ipsum sem, venenatis a condimentum vitae, gravida vel neque. Suspendisse placerat sapien in leo eleifend porta. Donec ut augue vel felis condimentum aliquet. Curabitur luctus, nunc vel blandit elementum, ante lacus facilisis nulla, ac tincidunt massa quam in eros. Nulla facilisi.
</p>
</td>
</tr>
</tbody>
</table>
ご不明な点がございましたら、お知らせください。何が起こっているのかわかりません。通常、対処するのが面倒なのは Outlook であり、Yahoo ではありません。