No space wanted between heading and list

Below is my code for an html email.

<span style=“font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;”>Data analysis including:</span>
<ul><li>Reports back to 1997</li>
<li>Total U.S. spending</li>
<li>Rankings of more than 900 books</li>
<li>Top 200 books</li>
</ul>

When it appears on screen I get a space between the heading “Data analysis including” and the bullet list. Like so:

Data analysis including:

• Reports back to 1997
• Total U.S. spending
• Rankings of more than 900 books
• Top 200 books

How can I write code to avoid this?

Thank you, Meryl

On most browsers, the <ul> element has a default margin/padding so just zero it like:


<span style="font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;">Data analysis including/span>
<ul style="margin:0;padding:0;"><li>Reports back to 1997</li>
<li>Total U.S. spending</li>
<li>Rankings of more than 900 books</li>
<li>Top 200 books</li>
</ul>

thank you again