I am experiencing an issue with a small HTML code that works perfectly in a browser, but when I use it in an Outlook email, it does not render correctly.
<html>
<head>
<style>
</style>
</head>
<body>
<table border=1 cellspacing=0 cellpadding=0><tr>
<td style="padding-left:50;"></td>
<td style="display:block;text-align: left;vertical-align: top;height:150; width:500;margin:0">
<a href=https://www.mytitlelink>
<p style="font-size:12px;font-family:Graphik;color:blue;text-decoration: underline;
font-weight:bold;vertical-align:top;margin:0">This is my title here</p></a>
<p style="font-size:12px;font-family:Graphik;color:black;margin:0">
Here goes my text. Figuring a way to remove leading blank link above title and reduce the spacing between title and this text. Tried using line-spacing, margin, padding but no luck. Everything works fine when access this html text through browser but troubling me when the same is used with inthe outlook email.
Here goes my text
Here goes my text ...<a href=https://www.mytitlelink> read more</a></p>
<p style=" font-size:12px;font-family:Graphik;color:black;">Source:MySource<br>Published On:Date</p>
</td>
</tr></table>
</body>
</html>
Struggling to eliminate the leading blank line on top of the title and adjust the line spacing between the title and the text when using Outlook email.
Attached are screenshots for reference: Output from Outlook Email Output from browser
After researching various sources, I have learned that HTML code behaves differently in email clients compared to browsers, but I have not been able to find a solution yet.