I have been struggling with this and cannot find a solution. I have an ul that contains an img, an h2 and a span as below:

<ul class="column-one">
<img src="images/thumb1.png">
<h4>Purus Egastas Fusce</h4>
<span>Cras justo aid idifh theis<br>
egaste quit quam.</span><br>

I am trying to get the h4 to not leave a gap between it and the span. I have tried to make it inline block and then remove the margin which works to get rid of the gap - but then my li's are all screwed up.
Would really appreciate any thoughts on how I might fix this...