My query is about how to remove the unwanted verticle spacing from an image. I am using Wordpress.
I have read various articles about removing such a space with the display:block method. However these articles seem to be in the context of an image which is in a table cell. My image is not in a table.
A simplified chunk of my code:
<strong>The legal team</strong></p>
<img class="alignleft" style="float: left; margin-left: 4px; margin-right: 4px; display: block;" title="Andrew Bonell" src="http://www.bonellaw.co.uk/wp-content/uploads/2010/10/andrew-Bonell.jpg" alt="Andrew Bonell" height="226" width="150"></a><strong>Andrew Bonell</strong> grew up and qualified in the Black Country.</p>
<p>Andrew leads Bonell & Co’s non-contentious and property practice..</p>
As you can see I have already attempted the display:block but to no avail.
This is the website where the offending pictures are: [bonellaw.co.uk
You'll notice a significant white space above and below the photos which I can't get rid of!
Can you tell me what the code is to get rid of this space, and WHERE it goes in my html. I just want the standard tight wrap that hubspot does.
Thank you for your help!