我是一个新的学习的网页设计邮箱模板.我需要在符号前添加文本，并确保文本保持对齐以适应下一行.我正在使用标记来正确对齐符号后面的文本.但由于某些原因，它似乎并没有奏效.
添加文本未显示的标记后，它将消失.如果我移除
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<title>Browser</title>
</head>
<div class="b opaf v" style=font-size:0;text-align:left;direction:ltr;display:inline-block;vertical-align:top;width:100%>
<table cellpadding=0 style=border:none;vertical-align:top width=100%>
<tr>
<td align=left class=x style=font-size:0;word-break:break-word>
<div style=text-align:left>
<p style=margin:0;text-align:left><span style=font-size:12px;font-family:Arial,sans-serif;font-weight:400;color:#54565b;line-height:14px><span style=color:inherit;font-weight:inherit;font-family:inherit;font-size:65%;vertical-align:4px;line-height:0>§</span><span><ul><li>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li></ul></span>
</span>
</p>
</div>
</td>
</tr>
</table>
</div>
<script src="script.js"></script>
</body>
</html>