<div>
The reason is the containing figure seems to think there is content after the image.<br />
<br />
You can make font-size on the &lt;figure&gt; 0<br />
You can make the images display: block<br />
<br />
Either solution will take the white space out
</div>


The reason is the containing figure seems to think there is content after the image.

You can make font-size on the <figure> 0
You can make the images display: block

Either solution will take the white space out

<div>
Thanks Julian, amazing how I forget from one project to another!
</div>


Thanks Julian, amazing how I forget from one project to another!

<div>
<blockquote>
amazing how I forget from one project to another! 
</blockquote>
Amazing how are able to remember what we do. That is why we have communities - extra eyes to help us see and remember :)
</div>


> amazing how I forget from one project to another!

Amazing how are able to remember what we do. That is why we have communities - extra eyes to help us see and remember :)

<div>
<div class="content wysiwyg-content">
Hi experts, hopefully this is simple but I can't find the answer.<br />
<br />
Why is there white space at the bottom of the images here please? &nbsp;<a href="http://www.col-b.uk/SLSO/" rel="ugc">http://www.col-b.uk/SLSO/</a><br />
<br />
Don't worry about the rest of the layout, it's a development site!<br />
<br />
Thanks.
</div>
</div>


Hi experts, hopefully this is simple but I can't find the answer.

Why is there white space at the bottom of the images here please?  http://www.col-b.uk/SLSO/

Don't worry about the rest of the layout, it's a development site!

Thanks.

White space in figure / img

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.