html - HTML电子邮件移动响应

我已经创建了HTML电子邮件，一切都很好，但有些地方我使用内联css（padding:036px15px140px）在文本前面有一个空的部分。在桌面上看起来不错，但当我在移动设备上打开它时，长行显示为两行，因为左侧140px的填充对它们来说太大了。我该怎么解决？
这是我迄今为止所做的尝试：

<style type="text/css">


    @media screen and (max-width: 525px) {


    .smaller {
        padding: 0px 36px 15px 100px;
    }

<td style="padding: 0px 36px 15px 140px; font-size: 16; font-family: Helvetica; font-weight: bold;" class="smaller">

所以我声明了一个小型设备的媒体查询，然后我尝试将其应用到类中，但是填充不会改变。我该怎么做？风格在脑子里，我把它放在别的地方好吗？

最佳答案

尝试添加!important，覆盖您的inline-style

@media screen and (max-width: 525px) {

    .smaller {
        padding: 0px 36px 15px 100px !important;
    }
}