Icon inline with paragraph in html container

[dylan.snyder]

I have a requirement to put an image of a checkmark inline with text for a report. I am using an html container. Below is my html:

 

"<h1 style='font-family:arial; font-size:14; font-weight:bold; color:rgb(138,0,20)'>Executive Summary</h1><h2 style='font-family:arial; font-size:12; font-weight:bold;margin-bottom:0em'>Preliminary Recruitment Opportunities</h2><p style='font-family:arial; font-size:9'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eu scelerisque mi. Sed bibendum orci nibh, iaculis sollicitudin lorem auctor ac. Curabitur commodo luctus urna quis euismod. Mauris tempus est nisi, ut aliquam dui ultricies a. Vestibulum at orci eu leo scelerisque ornare. Nullam '<img src='http://www.mysite.com/pathtopic....png' height='7' width='8' style='border:0; display:inline; margin: 0 2px; box-shadow: none; align:left'/>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eu scelerisque mi. Sed bibendum orci nibh, iaculis sollicitudin lorem auctor ac. Curabitur commodo luctus urna quis euismod. Mauris tempus est nisi, ut aliquam dui ultricies a. Vestibulum at orci eu leo scelerisque ornare. Nullam</p>"

 

http://www.mysite.com/pathtopic....png is the image I am using. when I put this html into wordpress, it looks exactly like I would want it. In Jasper, though, it puts an ugly space to the left of the image (as seen below). How do I get rid of this? (I am using V5.6)

 

[dylan.snyder]

I thought that maybe I'd throw out the checkmark idea and just color a word:

 

Putting the following in place of my image creates the same extra space to the left:

<span style='color: #ff0000'>Yes</span>