徽标填充 - HTML答案

【问题标题】：Padding from logo - HTML徽标填充 - HTML
【发布时间】：2017-11-15 04:35:08
【问题描述】：

我的电子邮件标题有问题，我通过 Google 应用程序脚本以 HTML 格式发送。我创建了布局，这里是代码：

<body>
<div id="logo" style="padding:10px 8px 10px 8px; font-family: arial,sans-serif">
    <img src="logo.png" />
    <span class="title" style="color: #808080; font-size: 35px; padding-left: 530px">Lorem </span>
</div>
...

在 chrome 和 Gmail 中都可以正确显示 link

但是 Outlook 中的电子邮件显示不正确link

谁能帮帮我，如何修改HTML代码，我想在右侧标题（Lorem）。提前谢谢你。

【问题讨论】：

我会先添加一个 float:right 到跨度

标签： html css google-apps-script

【解决方案1】：

不确定 100% 是否有效，但您可以尝试将 display: inline-block; 赋予 <img> 和 <span> 标签。

或

如果还是不行，你可能会得到absolute和relative的位置。

#logo {
    position: relative;
}
#logo span {
    position: absolute;
    right: 0;
}

【讨论】：