How to remove breaks in entry-content for an anchor image

For some reason there are breaks getting generated with div class=”entry-content”. This is putting an empty line above my image. Is there a workaround to eliminate the breaks so I can get rid of the empty line above the image?

Here is the original code:

<a href="https://www.marketingoutloud.com">
<img src="https://www.marketingoutloud.com/wp-content/uploads/2012/03/MOL-logo1-e1331494734582.jpg" alt="" height="110" width="100"><br>
</a>

Here is the generated code from Firefox:

<div class="entry-content">
<p>Trying to figure out how to eliminate the breaks in entry-content for just this anchor. <br>
<a href="https://www.marketingoutloud.com"> <br>
<img src="https://www.marketingoutloud.com/wp-content/uploads/2012/03/MOL-logo1-e1331494734582.jpg" alt="" height="110" width="100"> <br>
</a></p>
</div>

Using FF to inspect element – img, the dashed border display is around the image which is good. When inspecting the element “a” (anchor), the dashed border is around the image plus space above the image. I want the anchor and the image to be the same size or at least to eliminate the empty line above the image. I’ve tried display:inline and border=”0″ with no luck. I think the only solution is to take out the generated breaks but I don’t know how to do this. Any suggestions are welcomed.

For reference: https://www.marketingoutloud.com/test-page/

Thanks much!!