Я пытаюсь создать простое электронное письмо со встроенным CSS, но результат, отправленный мне по электронной почте, сильно отличается от того, что я вижу в браузере.
Вот мой код:
<html>
<head>
<style>
body {
background-color: #96D60D;
}
div {
background-color: white;
border: 1px solid black;
margin-top: 100px;
margin-bottom: 100px;
margin-right: 150px;
margin-left: 80px;
padding: 20px;
}
</style>
</head>
<body>
<div>
<center><img src="logo.png">
</center>
<u>
<p>
<H1>API updates list:</H1>
</p>
</u>
<p>
<b>
<h2>Successful Entries</h2><br></b>
<ul>
<li>asdasdasd</li>
<li>asdasdasd</li>
<li>asdasdasd</li>
<li>asdasdasd</li>
<li>asdasdasd</li>
</ul>
<ul>
<li>asdasdasd</li>
<li>asdasdasd</li>
<li>asdasdasd</li>
<li>asdasdasd</li>
<li>asdasdasd</li>
</ul>
</p>
</div>
</body>
</html>
Это выглядит фантастически в браузере, как вы можете видеть здесь:
https://www.w3schools.com/code/tryit.asp?filename=G1EU5RK1DPMG
Однако, когдав электронном письме это выглядит довольно плохо:
https://ibb.co/6FVJpZJ
Кто-нибудь знает, как это исправить?