时间戳

首页 > 解决方案 > 如何对齐 HTML 项目符号点列表中的第二行

html - 如何对齐 HTML 项目符号点列表中的第二行

问题描述

我的第二个要点“整个集合中启用 WiFi 的功能”在Outlook 电子邮件中显示未对齐。第二行以“整个”开头，但它向右缩进，并且没有与项目符号点完全对齐。我怎样才能解决这个问题？

<tbody>
  <tr>
    <td style="width: 13.8334%; padding: 0px;" class="hide_on_mobile">&nbsp;</td>
    <td style="width: 66%; text-align: center; padding: 0px 10px 15px;" class="adonmobile2">
      <ul li padding: 10px 0 10px 20px; text-indent: -1em;>
        <li style="color: #090a0a; margin: 10px; padding: 0px; font-family: Avenir, Arial, san-serif; line-height: 150%; text-align: left;"><span class="font" style="color: #000000; font-size: 18px;"> Premium-grade stainless-steel interiors </span></li>
        <li style="color: #090a0a; margin: 10px; padding: 0px; font-family: Avenir, Arial, san-serif; line-height: 150%; text-align: left;"><span class="font" style="color: #000000; font-size: 18px;"> WiFi-enabled capabilities across the <span class="font" style="color: #000000; margin: 0px; text-align: left; font-size: 18px;"> entire collection </span> </span>
        </li>
        <li style="color: #090a0a; margin: 10px; padding: 0px; font-family: Avenir, Arial, san-serif; line-height: 150%; text-align: left;"><span class="font" style="color: #000000; font-size: 18px;"> Award-winning theater-style lighting </span></li>
        <li style="color: #090a0a; margin: 10px; padding: 0px; font-family: Avenir, Arial, san-serif; line-height: 150%; text-align: left;"><span class="font" style="color: #000000; font-size: 18px;"> Thermador exclusive Diamond Ice </span></li>
        <li style="color: #090a0a; margin: 10px; padding: 0px; font-family: Avenir, Arial, san-serif; line-height: 150%; text-align: left;"><span class="font" style="color: #000000; font-size: 18px;"> Intuitive Push-to-Open doors </span></li>
      </ul>
    </td>
    <td style="width: 17.1666%; padding: 0px;" class="hide_on_mobile">&nbsp;</td>
  </tr>
</tbody>

这里

标签： htmlcss

解决方案

推荐阅读