我正在使用基础框架来制作电子邮件。我做了Fiddle来说明我的问题。我需要将文本与横幅图片垂直对齐。目前文字正在图片的右侧。我不明白为什么?
我的网站就是一个例子:Example Site
我尝试设置text-align: left !important;
,padding:0px;
,margin-left:0px;
,但没有任何效果。
相关的HTML代码:
<table class="row background-color__yellow">
<tr>
<td class="center" align="center">
<center>
<table class="container">
<tr>
<td class="wrapper last">
<table class="row background-color__yellow">
<tbody>
<tr>
<th class="small-12 large-12 columns first last">
<table>
<tr>
<td style="padding-top: 30px;">
<h3 class="velkomst">Kære @Model.Order.FirstName @Model.Order.LastName</h3>
<br>
<span class="text-left small-text-left">
Tak for din reservation på @(Model.Order.Store.Name). Har du spørgsmål, er du velkommen til at kontakte os. Vi har åbent alle hverdage mellem kl. 8.30 og kl. 16.00.
</span>
<br><br>
<span class="text-left small-text-left">
Vi ønsker dig et rigtig dejligt ophold
</span><br><br>
<span class="text-left small-text-left">
Med venlig hilsen
</span>
<br>
<span class="text-left small-text-left">
Company
</span>
<br><br>
<span class="text-left small-text-left">
PS: Det er gratis at blive medlem af vores gæsteklub Benefits, hvor du optjener point på ophold og får adgang til et væld af gode tilbud.
</span>
<br><br>
<span class="text-left small-text-left">
<a href="https://www.test.dk/benefits/login/" target="_blank">Klik her for at læse mere og tilmelde dig</a>
</span>
<br /><br />
</td>
</tr>
</table>
</th>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</center>
</td>
</tr>
</table>